<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/fontawesome-free/css/all.min.css">
    <!-- IonIcons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ asset('/') }}adminlte/css/adminlte.min.css">
    <link rel="stylesheet" href="{{ asset('/') }}plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="{{ asset('/') }}plugins/daterangepicker/daterangepicker.css">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet"
        href="{{ asset('/') }}plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('/') }}plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <!-- Bootstrap4 Duallistbox -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
    <!-- BS Stepper -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/bs-stepper/css/bs-stepper.min.css">
    <!-- dropzonejs -->
    <link rel="stylesheet" href="{{ asset('/') }}plugins/dropzone/min/dropzone.min.css">

    <link rel="stylesheet" href="{{ asset('/') }}css/toastr.min.css">

    <link rel="stylesheet" href="{{ asset('/') }}css/jquery.dataTables.min.css">
    <link href="{{ asset('css/navbar.css') }}" rel="stylesheet">
    <link href="{{ asset('css/sidebar.css') }}" rel="stylesheet">
    <title>Print New Connection</title>
    <style>
        .noprint {
            display: none;
        }

        a {
            text-decoration: none;
            color: #000;
        }

        @media print {

            .noprint {
                display: none;
            }

            a {
                text-decoration: none;
                color: #222;
            }

            thead th {
                font-size: 15px !important;
                border: 1px solid #ddd;
            }

            #pop,
            button {
                visibility: hidden;
            }

            table,
            tr,
            thead th,
            td {
                font-size: 12px !important;
                padding: 2px !important;
                border: 1px solid #222;
                border-collapse: collapse;
                text-align: center;
            }

        }

        p {
            margin: 0;
        }

        table,
        tr,
        thead th,
        td {
            font-size: 13px !important;
            padding: 2px !important;
            border: 1px solid #222;
            border-collapse: collapse;
            text-align: center;
        }

        .container {
            width: 940px;
            margin: 0 auto;
            padding: 10px;
        }

        .table {

            border-collapse: collapse;
            width: 100%;
            border: 1px solid #4CAF50;
        }

        h2 {
            text-align: center;
        }

        table {
            border-collapse: collapse;
            width: 100%;
        }



        tr:hover {
            background-color: #e5e5e5
        }
    </style>
</head>

<body onload="window.print()" onfocus="window.close()">
    <h2>New Customer Information {{ date('M-Y') }}</h2>

    @include('clients.customer_search')




    <script type="text/javascript">
        window.onload = function() {
            window.print();
        }
        window.onfocus = function() {
            window.close();
        }
    </script>

</body>

</html>
