@extends('layouts.view')
@section('title',trans('lang.PENDING_REQUESTS'))
@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('lang.overtime')}} {{trans('lang.PENDING_REQUESTS')}}</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>
                @endif
                <div class="card-body">
                    <div id="viewtable">
                        <h4 class="mt-0 header-title">{{trans('lang.overtime')}} {{trans('lang.PENDING_REQUESTS')}} </h4>
                        <div class="row">
                            <div class="col-lg-12">
                                <span id="form_result"></span>
                            </div>
                        </div>
                        @if(isset($overtimes))
                            <form  class="form-horizontal row-fluid" id="sample_form2" method="post" action="{{route('overtime_approve_all_requests')}}" enctype="multipart/form-data">
                                <input type="hidden" name="status_approve" id="status_approve" />
                                @csrf

                                <div class="form-group row">
                                    <div id="Apply_All" class="col-sm-6">
                                        <button type="submit" name="btn_all" value="applyall" style="margin-bottom:20px; color: #fff;" class="btn btn-success px-5 py-2">{{trans('lang.ApplyAll')}}</button>&nbsp; &nbsp;
                                        <button type="submit" name="btn_all" value="rejectall" style="margin-bottom:20px; color: #fff;" class="btn btn-danger px-5 py-2">{{trans('lang.RejectAll')}}</button>
                                    </div>
                                </div>
                                <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                    <tr>
                                        <th><input type="checkbox" name="checkall" id="checkAll" class="checkAll form-control" style="width:20px"></th>
                                        <th>{{trans('lang.emp_name')}}</th>
                                        <th>{{trans('lang.the_date')}}</th>
                                        <th>{{trans('lang.from_hrs')}}</th>
                                        <th>{{trans('lang.to_hrs')}}</th>
                                        <th>{{trans('lang.hours_count')}}</th>
                                        <th>{{trans('lang.att_status')}}</th>
                                        <th width="200px">{{trans('role.action')}}</th>
                                    </tr>
                                    </thead>
                                                                        <tbody>  @foreach($overtimes as $overtime)

                                        <tr>
                                            <td><input type="checkbox" name="mm{{$overtime->id}}" id="mm{{$overtime->id}}" style="width:20px" class=" form-control" ></td>
                                            <td>{{$overtime->user ? $overtime->user->name:'Deleted!'}}</td>
                                            <td>{{$overtime->the_date}}</td>
                                            <td>{{$overtime->from_hrs}}</td>
                                            <td>{{$overtime->to_hrs}}</td>
                                            <td>{{$overtime->hours_count()}}</td>
                                            <td>