{{-- <!DOCTYPE html> --}}
<html>
    <head>
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{{config('app.name')}} | {{underscoreToCamelCase(@$route_active)}}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link rel="stylesheet" href="{{asset('css/app.css')}}">
        <link rel="stylesheet" href="{{asset('theme/plugins/fontawesome-free/css/all.min.css')}}">
        {{-- <link rel="stylesheet" href="{{asset('theme/dist/css/adminlte.min.css')}}"> --}}
        <link rel="stylesheet" href="{{asset('css/adminlte.min.css')}}">
        <link rel="stylesheet" href="{{asset('theme/plugins/overlayScrollbars/css/OverlayScrollbars.min.css')}}">
        <link rel="stylesheet" href="{{asset('css/googlefont.css')}}" />
        <link rel="stylesheet" href="{{asset('css/toastr.min.css')}}" />
        <link rel="stylesheet" href="{{asset('css/select2.min.css')}}" />
        <link rel="stylesheet" href="{{asset('theme/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css')}}">
        <link rel="stylesheet" href="{{asset('theme/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css')}}">
        <link rel="stylesheet" href="{{asset('css/crmcontact.css')}}">
        <link rel="stylesheet" href="{{asset('css/clean-switch.css')}}">
        <link rel="stylesheet" href="{{asset('css/daterangepicker.css')}}">
        <link rel="stylesheet" href="{{asset('css/buttons.dataTables.min.css')}}">
        <link rel="stylesheet" href="{{asset('css/theme-default.min.css')}}">
        <link rel="stylesheet" href="{{asset('css/style.css')}}">
        
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap" rel="stylesheet">

            {{-- Google Recaptcha version 2 --}}
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

        @yield('styles')
        
    </head>
        {{-- if you want to make left side auto collape, add this class to the body - "sidebar-collapse" --}}
        <body class="hold-transition text-sm sidebar-mini layout-fixed layout-navbar-fixed">
        <div id="app" class="wrapper">
            @include('crm.layouts.navbar')
            @include('crm.layouts.sidebar')

            <div class="pt-1">  
                @yield('content')
            </div>
           
        </div>
        @include('crm.layouts.footer')
        {{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> --}}

        <script src="{{asset('js/app.js')}}"></script>
        <script src="{{asset('theme/plugins/bootstrap/js/bootstrap.min.js')}}"></script>
        <script src="{{asset('js/datatable.js')}}"></script> 
        
        <script src="{{asset('theme/plugins/jquery-ui/jquery-ui.min.js')}}"></script>
        <script src="{{asset('theme/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
        <script src="{{asset('js/popper.min.js')}}" ></script>
        <script src="{{asset('theme/plugins/moment/moment.min.js')}}"></script>
        <script src="{{asset('theme/plugins/daterangepicker/daterangepicker.js')}}"></script>
        <script src="{{asset('theme/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js')}}"></script>
        {{-- <script src="{{asset('theme/plugins/summernote/summernote-bs4.min.js')}}"></script> --}}
        <script src="{{asset('theme/dist/js/adminlte.js')}}"></script>
        <script src="{{asset('js/jquery.form-validator.min.js')}}"></script>
        <script src="{{asset('js/select2.min.js')}}"></script>
        <script src="{{asset('js/toastr.min.js')}}"></script>
        <script src="{{asset('js/script.js')}}"></script>
 
        @include('crm.layouts.app_js')
        <script src="https://unpkg.com/vue@latest"></script>
        <script src="https://unpkg.com/vue-select@latest"></script>
        <script src="https://unpkg.com/vue-i18n@8"></script>
    

        {{-- For Twilio Integration --}}
         <script src="https://sdk.twilio.com/js/client/v1.13/twilio.js"></script>
        @yield('scripts')
    </body>
</html>
