@extends('payroll.employee_frontend.layouts.employee')
@section('custom_style')

@endsection
@section('content')

<section>
    <div class="col-12 mt-4">
      <h2 class="page-title text-center">{{__('obs.create')}} {{__('obs.late')}} {{__('obs.application')}}</h2>
      <div class="mb-2 heading-border"></div>
    </div>
  </section>
  <section class="px-3  pt-3 pt-lg-5 row">

    <div class="col-12 mb-4">
      <div class="blu-card d-flex flex-wrap">

          <div class="col-12">
               @if (session('success'))
                <div class="alert alert-success" id="hide-alert">
                    {{ session('success') }}
                </div>
              @endif
              @if ($errors->any())
                  <div class="alert alert-danger" id="hide-alert">
                      <ul>
                          @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                  </div>
              @endif
          </div>



        <form class="leave-form col-12 col-md-6 border-right" action="{{route('employee.late.store')}}" method="post">
          @csrf
            <div class="d-flex flex-wrap">
              <div class="form-group col-12 col-md-6">
                <label for="exampleInputEmail1">{{__('obs.date')}}</label>
                <input required  name="date" class="form-control" type="date">
              </div>
              <div class="form-group col-12 col-md-6">
                <label for="exampleInputEmail1">{{__('obs.in')}} {{__('obs.time')}}</label>
                <input   name="expected_in_time" class="form-control" type="time" required>
              </div>
              {{-- <div class="form-group col-12 col-md-6">
                <label for="exampleInputEmail1">Policiy Type</label>
                <select class="form-control" name="policy_type" id="">
                  @foreach ($policies as $p)
                  <option value="{{$p->id}}">{{$p->name}}</option>
                  @endforeach

                </select>
              </div> --}}


              <div class="form-group col-12">
                <label for="exampleInputEmail1">{{__('obs.purpose')}}</label>
                <textarea required placeholder="enter your tour reason" class="form-control" name="purpose" id="" cols="30" rows="3"></textarea>
              </div>


              <div class="form-group col-12">
                <input class="btn btn-success px-4" type="submit" value="Create">
              </div>
            </div>
          </form>
          <div class="col-md-6 col-12 px-md-0">

            <table class="table table-bordered table-hover">
              <thead class="">
                <tr>

                  <th colspan="4" >{{__('obs.recent')}} {{__('obs.late')}} {{__('obs.in')}} {{__('obs.history')}}</th>

                </tr>
                <tr>

                  <th>{{__('obs.date')}}</th>
                  <th>{{__('obs.in')}} {{__('obs.time')}}</th>

                  <th>{{__('obs.purpose')}}</th>
                  <th>{{__('obs.status')}}</th>
                </tr>
              </thead>
              <tbody>

                @foreach ($lates as $late)
                <tr class="att-status-row">

                  <td>{{$late->date}}</td>
                  <td>{{$late->expected_in_time}}</td>
                  <td>{{$late->purpose}} </td>

                  <td>
                    @if($late->approve_status ==1)
                    <span class="badge badge-primary">Pending</span>
                    {{-- <a href="{{ route('employee.leave.edit', ['id' => $leave->id]) }}"class="btn btn-warning btn-sm">{{__('obs.edit')}}</a> --}}
      
                    @elseif($late->approve_status ==2)
                    <span class="badge badge-success">Approved</span>
                    @elseif ($late->approve_status ==3)
                    <span class="badge badge-danger">Rejected</span>
                    @endif
                  
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
    </div>
  </section>
@endsection

@section('script')

@endsection