@extends('admin.layout.master')
@section('custom_style')
    <style>
        .labels {
            font-size: 16px;
            font-weight: bold;
        }

        input {
            padding: 18px !important;
            box-shadow: none !important;
        }

    select,.select2-selection--single {
       height: 38px !important; 
       box-shadow: none!important;
    }
    .page-content {
            padding: 0px 10px
        }

    

    </style>
@endsection

@section('content')
    @include('flash-message')
    <div class="col-12">

    </div>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center text-white bg-dark">
            <div>
                <h5 class="font-weight-bold mb-0">Hotel Closing List</h5>
            </div>


        </div>

        <div class="card-body">
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            {{ Form::open(['route' => ['day_close_list'], 'method' => 'get', 'class' => 'form-horizontal']) }}
            <div class='row'>
               
                <div class='col-md-3'>
                    <div class="form-group">
                        <h5 class="">Date From </h5>
                        {{ Form::text('start_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'start_date']) }}

                    </div>
                </div>
                <div class='col-md-3'>
                    <div class="form-group">
                        <h5 class="">Date To</h5>
                        {{ Form::text('end_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'end_date']) }}

                    </div>
                </div>
                <div class='col-md-2'>
                    <div class='col-md-2 text-right mt-4' >
                        <button name="search_button" style="margin-top:8px" value="true" class='btn btn-md btn-danger'>Search</button>
                    </div>
                </div>

            </div>
         

            {{ Form::close() }}
        </div>

    </div>


    <div class="card ">
      
        <div class="card-body">

            <h4 class="font-weight-bold text-center">Hotel Closing List</h4>
              
            <div class="d-flex flex-wrap">
                <div class="table-responsive" id="print">
                    <table class="table table-bordered table-hover"  id="datatable_apply">
                        <thead class="mt-3">
                            <tr>
                                <th>SL</th>                              
                                <th> Date</th>                               
                                <th>Closed By</th>
                                <th>Date Time</th>
                                <th>Remarks</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $i=1;
                            @endphp
                         
                            @foreach ($closing_days as $list)

                                <tr>
                                    
                                    <td>{{$i++}}</td>
                                    <td>{{ carbon()->parse($list->closing_date)->format('d-m-Y')}}</td>
                                    <td>{{ user_name($list->audit_by)}}</td>
                                    <td>{{ carbon()->parse($list->created_at)->format('d-m-Y H:i:s A') }}</td>
                                    <td>{{ $list->remarks }}</td>
                                    
                                </tr>
                            @endforeach
                           
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
@endsection


@section('script')
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

<script>
      $('.select2').select2();
   $(document).ready(function() {
        $('#datatable_apply').dataTable({
            // "paging": false,
            "ordering": false,
            // dom: 'Bfrtip',
            // buttons: [
            //     'print', 'excel'
            // ]

            
        });
    });
    </script>
@endsection