@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="">

    </div>
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between align-items-center ">
            <div>
                <h5 class="font-weight-bold mb-0">{{ __('obs.hotel_closing_list') }}</h5>
            </div>
        </div>

        <div class="card-body">
           
           <form action="{{ route('day_close_list') }}" method="GET" class="form-horizontal">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <h5>{{ __('obs.from') }}</h5>
                            <input type="text" name="start_date" id="start_date" class="form-control fd_bs_datepicker" value="">
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <h5>{{ __('obs.to') }}</h5>
                            <input type="text" name="end_date" id="end_date" class="form-control fd_bs_datepicker" value="">
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <h5 class="w-100">&nbsp;</h5>
                            <button type="submit" name="search_button" value="true" class="btn btn-md btn-primary">
                                {{ __('obs.search') }}
                            </button>
                        </div>
                    </div>
                </div>
            </form>

        </div>

    </div>


    <div class="card mt-3">

        <div class="card-body">

            <h4 class="font-weight-bold text-center">{{ __('obs.hotel_closing_list') }}</h4>

            <div class="">
                <div class="table-responsive" id="print">
                    <table class="table table-bordered table-hover" id="datatable_apply">
                        <thead class="mt-3">
                            <tr>
                                <th>{{ __('obs.sL') }}</th>
                                <th>{{ __('obs.date') }} </th>
                                <th>{{ __('obs.closed_by') }}</th>
                                <th>{{ __('obs.date_time') }}</th>
                                <th>{{ __('obs.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