@extends('layouts.view')
@section('title',trans('checkInRequest.checkInRequests'))
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">{{trans('checkInRequest.checkInRequests')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                @if ($message = Session::get('success'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                @elseif($message = Session::get('error'))
                    <div class="alert alert-danger">
                        <p>{{$message}}</p>
                    </div>
                @endif
                <div class="card-body">

                    <div id="viewtable">
                        <h4 class="mt-0 header-title">{{trans('checkInRequest.checkInRequests')}} </h4>
                        <div class="row">
                            <div class="col-lg-12">
                                <form class="form-horizontal row-fluid" id="sample_form" method="post"
                                      enctype="multipart/form-data" action="{{route('checkIn_Report')}}">
                                    @csrf
                                    <div class="form-group row">
                                        <label class="col-sm-2 col-form-label text-right"
                                               for="basicinput"> {{trans('lang.date_from')}}</label>
                                        <div class="col-sm-4">
                                            <input type="text" autocomplete="false" id="date_from" name="date_from"
                                                   placeholder="{{trans('lang.date_from')}} ..."
                                                   class="datepicker form-control" required>
                                        </div>
                                        <label class="col-sm-2 col-form-label text-right"
                                               for="basicinput"> {{trans('lang.date_to')}}</label>
                                        <div class="col-sm-4">
                                            <input type="text" autocomplete="false" id="date_to" name="date_to"
                                                   placeholder="{{trans('lang.date_to')}} ..."
                                                   class="datepicker form-control" required>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-sm-12" style="text-align: center;">
                                            <button type="submit" name="action_button" id="action_button"
                                                    class="btn btn-primary">{{ trans('lang.run_report') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <hr>
                        <p>
                            @can('checkIn-create')
                                <a class="btn btn-primary px-5 py-2" href="{{ route('checkInRequests.create') }}">{{trans('checkInRequest.new')}}</a>
                            @endcan
                        </p>

                        <ul class="nav nav-tabs" style="padding-left: 32%;border-bottom: 0px !important;" role="tablist">
                            <li style="margin-right: 10px;padding: 12px 12px 12px 12px !important;" class="nav-item waves-effect waves-light btn btn-gradient-info btn-round dropdown-toggle">
                                <a  class="active" style="padding: 12px 12px 12px 12px !important;color: #fff"  data-toggle="tab" href="#pending" role="tab">{{trans('lang.pending')}}</a>
                            </li>
                            <li  style="margin-right: 10px;padding: 12px 12px 12px 12px !important;"  class="nav-item waves-effect waves-light btn btn-success btn-round dropdown-toggle">
                                <a  style="padding: 12px 12px 12px 12px !important;color: #fff"  data-toggle="tab" href="#approved" role="tab">{{trans('lang.approved')}}</a>
                            </li>
                            <li  style="margin-right: 10px;padding: 12px 12px 12px 12px !important;"  class="nav-item waves-effect waves-light btn btn-danger btn-round dropdown-toggle">
                                <a   style="padding: 12px 12px 12px 12px !important;color: #fff" data-toggle="tab" href="#rejected" role="tab">{{trans('lang.rejected')}}</a>
                            </li>
                            <li  style="margin-right: 10px;padding: 12px 12px 12px 12px !important;"  class="nav-item waves-effect waves-light btn btn-primary btn-round dropdown-toggle">
                                <a   style="padding: 12px 12px 12px 12px !important;color: #fff" data-toggle="tab" href="#all" role="tab">{{trans('lang.all')}}</a>
                            </li>
                        </ul>