@extends('admin.layout.master')
@section('custom_style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
@endsection
@section('content')

    <div class="col-12">
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
    </div>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="font-weight-bold mb-0">{{__('obs.guest_list')}}</h5>
            </div>
            <div>
                <a href="{{route('payroll.hrm.guest.register')}}" class="btn btn-sm btn-primary">{{__('obs.guest_register')}}</a>
            </div>
        </div>
        <div class="card-body">

            <form action="{{route('payroll.hrm.guest.list')}}" method="get">
                <input type="hidden" name="search" value="true">

                   <div class='row'>
                       <div class='col-lg-3 col-md-3  col-sm-6 '>
                           <div class="form-group">
                               <label class=""> {{__('obs.from_date')}}</label>
                               <input  type="text" value="{{request('from_date')}}" class="form-control datepicker" name="from_date">
                            </div>
                       </div>
                       <div class='col-lg-3 col-md-3  col-sm-6 '>
                           <div class="form-group">
                               <label class=""> {{__('obs.to_date')}}</label>
                               <input  type="text" value="{{request('to_date')}}" class="form-control datepicker" name="to_date">
                            </div>
                       </div>
                     
                      
                     
                       <div class='col-lg-1 col-md-1  col-sm-4  mt-4'>
                           <button class='btn btn-sm btn-danger'>{{__('obs.search')}}</button>
                       </div>
                      
                   </div>
               </form>


            <div>
                <table class="table table-hover table-bordered mt-3">
                    <thead class="thead-p">
                    <tr>
                        <th>#SL</th>
                        <th>{{__('obs.name')}}</th>
                        <th>{{__('obs.phone')}}</th>
                        <th>{{__('obs.address')}}</th>
                        <th>{{__('obs.purpose')}}</th>
                        <th>{{__('obs.card_no')}}</th>
                        <th>{{__('obs.date_time')}}</th>
                        <th>{{__('obs.action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if($guest_list)
                        @foreach ($guest_list as $list)
                        {{-- @dd($list); --}}
                            <tr>
                                <td></td>
                                <td>{{$list->name}}</td>
                                <td>{{$list->phone}}</td>
                                <td>{{$list->address}}</td>
                                <td>{{$list->purpose}}</td>
                                <td>{{$list->guest_card_info ? $list->guest_card_info->emp_code : null}}</td>
                                <td>{{date('d-m-Y h:i:s A', strtotime($list->date_time))}}</td>
                                <td></td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('script')
   

@endsection