{{-- <h1>Ha Ha Ha Ha !!!! </h1>

{{ dd($initialApplication,$enc_application_id,$applicationFor,$code) }} --}}




<x-guest-layout>
    @php
        $applicationFor = $applicationFor;
        $lang = $code;
        $encApplicationId = Crypt::encrypt($initialApplication->id);
    @endphp
    <x-slot name="title">
        Permit Application
    </x-slot>

    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1  style="color: #022E5F;">
                         New Permit Application
                    </h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="/" style="color:#022E5F">
                                Home
                            </a>
                        </li>
                        <li class="breadcrumb-item active">
                            New Licence
                        </li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


{{-- ////////deded3ed3ed3ee --}}


    <section class="content">
        <div class="row m-2">
            <div class="col-md-12">
                <div id="permitSection">
                    <div class="card card-outline" style="border-top:3px solid #022E5F">
                        @if($applicationFor->permit_type_id == 1)
                            @include("permits/food/create")
                        @endif
                        @if($applicationFor->permit_type_id == 2)
                            @include("permits/mobile/create")
                        @endif
                    </div>

                    <div class="card-footer">
                        <button type="button" id="savePermitApplicationBtn" class="btn btn-sm btn-custom float-right ml-1">
                            <i id="spin" style="display:none" class="fas fa-spinner fa-spin mr-2"></i><i id="saveicon" class="fas fa-save mr-2"></i>
                           Submit
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <x-slot name="scripts">
        <script>
            let permitTypeId = "{{$applicationFor->permit_type_id}}";
            // var successPageUrl = "{{ route('successMessage', ['enc_id' => $enc_application_id]) }}";
            var successPageUrl = "{{ route('successMessage') }}";
        </script>
        <script src="{{asset("js/license_application.js")}}"></script>
        <script src="{{ URL::asset('plugins/select2/js/select2.full.min.js') }}"></script>
        <script type="text/javascript" src="{{ URL::asset('plugins/daterangepicker/daterangepicker.js') }}"></script>
    </x-slot>

    <x-slot name="styles">
        {{-- <link rel="stylesheet" href="{{asset('plugins/adminLte/plugins/jquery-ui/jquery-ui.css')}}" type="text/css" /> --}}
        <link rel="stylesheet" href="{{ URL::asset('plugins/select2/css/select2.min.css') }}">
        <link rel="stylesheet" href="{{ URL::asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
        <script src="{{asset('plugins/signature-pad/signature_pad.umd.js')}}"></script>
        <link rel="stylesheet" href="{{ URL::asset('plugins/daterangepicker/daterangepicker.css') }}">
        <link rel="stylesheet" href="{{asset('plugins/adminLte/plugins/icheck-bootstrap/icheck-bootstrap.min.css')}}" />
        <style>
            body {
                background-color: whitesmoke;
            }

            input[type=radio] {
                display: none;
            }

            input[type="radio"][id="ctylimitChoice2"]:checked + label {
                background-color: red;
                font-weight: bold;
                color: #fff;
            }

            input[type="radio"][id="ctylimitChoice1"]:checked + label {
                background-color: green;
                font-weight: bold;
                color: #fff;
            }

            input[type="radio"][id="planReviewChoice2"]:checked + label {
                background-color: red;
                font-weight: bold;
                color: #fff;
            }

            input[type="radio"][id="planReviewChoice1"]:checked + label {
                background-color: green;
                font-weight: bold;
                color: #fff;
            }

            input[type="radio"][id="Sewagechoice1"]:checked + label {
                background-color: deepskyblue;
                font-weight: bold;
                color: #fff;
            }

            input[type="radio"][id="Sewagechoice2"]:checked + label {
                background-color: deepskyblue;
                font-weight: bold;
                color: #fff;
            }


        </style>
    </x-slot>
</x-guest-layout>