{{View::make('layout.header')}}
    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">E-Leave</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">HR
                                    </li>
                                    <li class="breadcrumb-item"><a href="{{route('setup')}}">Setup</a>
                                    </li>
                                    <li class="breadcrumb-item"><a href="{{route('holidays-list')}}">Holidays</a>
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Add Holiday</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section id="dashboard-ecommerce">
                    <div class="row match-height">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title" >Add New Holiday</h4>
                                </div>
                               
                                <div class="card-body">
                                    <form  id="all-filter11"  enctype="multipart/form-data">
                                        <div class="row" id="leave">
                                            <div class="col-md-4 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Date :</label>
                                                    <input type="date" name="holiday_date"  id="holiday_date" required class="form-control flatpickr-basic" placeholder="DD-MM-YYYY" >
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Holiday Description :</label>
                                                    <input type="text" name="description"  id="description" required class="form-control" placeholder="" >
                                                </div>
                                            </div>
                                            <div class="col-md-4 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Select Country :</label>
                                                    <select class="form-control" id="country" name="country" onchange="statefilter()">
                                                        <option value="">Select Country</option>
                                                        
                                                        @foreach($countries as $countries)
                                                            <option value="{{ $countries->country_code }}">{{ $countries->country }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Select State :</label>
                                                    <select class="form-control" id="state" name="state[]" required multiple style="height:300px;">
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-12">
                                                <div class="form-group d-flex flex-wrap mb-0">
                                                    <button type="button"  onclick="saveDetails()" class="btn btn-info">Apply</button>
                                                </div>
                                                <div id="msg" style="margin-top:15px;"></div>
                                            </div>      
                                        </div> 
                                    </form>     
                                </div>
                            </div>    
                        </div>
                    </div>
                </section>    
            </div>
        </div>
    </div>
    <!-- END: Content-->
    {{View::make('layout.footer')}}
    <script>
    function statefilter() { 
        var country = $('#country').val();
        $.ajax({
            url: "filtercountry",
            method: "get",
            data: { country: country},
            success: function (data) {
                if(data){
                    $("#state").empty();
                    $("#state").append('<option value="National">All</option>');
                    $.each(data,function(key,value){
                        $("#state").append('<option value="'+value.state+'">'+value.state+'</option>');
                    });
            
                }else{
                    $("#state").empty();
                     $("#state").append('<option value="">Select State</option>');
                     $("#state").append('<option value="National">All</option>');
                   
                }
            }
            

        });
           
                
    }

    function saveDetails(){
        var opstates = $("#state").val();
        if(opstates=="National"){
            //opstates = "";
        if(validate()){
            
            $.ajax({
                        url:'{{route('addHoliday')}}',
                        method:'POST',
                        data:{
                            _token : '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/ecoleave/public_html/backup/v6/resources/views/hr/add_holiday.blade.php:128
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/hr/add_holiday.blade.php</b> on line <b>128</b><br />