@extends('layouts.master')
@section('content')
<!-- Main Content-->
<div class="main-content side-content pt-0">

    <div class="main-container container-fluid">
        <div class="inner-body">

            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">Manage Leave</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Leave</li>
                    </ol>
                </div>
                <div class="d-flex">

                    <!-- <a type="button" href='' class="me-2 btn btn-success d-flex justify-content-center align-items-center  btn-icon-text">
                        <i class="fe fe-file-plus"></i></a> -->
                    <!-- <a type="button" href='' class="me-2 btn btn-success d-flex justify-content-center align-items-center  btn-icon-text">
                        <i class="fe fe-file"></i></a> -->
                    <a class="btn ripple btn-success" href="/addleave"> <i class="fe fe-plus"></i></a> &nbsp;
                    <a class="btn btn-success" href="{{route('fetch.leaves.report')}}" download> <i class="fe fe-download-cloud me-2"></i> Download</a>
                </div>
            </div>
            <div class="row row-sm">
                <div class="col-lg-12 col-md-12">
                    <div class="card custom-card">
                        <form method="post" action="{{route('search.leaves')}}">
                            @csrf

                            <div class="card-body">
                                <div class="row row-sm">
                                    <div class="col-md-12 d-flex justify-content-start align-items-center col-lg-12 col-xl-12">
                                        <div class="col-sm-5 ">
                                            <label class="">Employee Id</label>
                                            <select class="form-control select select2-with-search" name="user_id">
                                                <!-- <option label="All"></option> -->
                                                @if(isset($data))
                                                @foreach($data as $dd)
                                                <option value="{{$dd?$dd->id:''}}">{{$dd?$dd->employe_id:''}}-({{$dd?$dd->name:''}})</option>
                                                @endforeach
                                                @endif
                                            </select>
                                        </div>
                                        <div class="col-sm-5 ">
                                            <label class="">Post Date</label>
                                            <input type="date" name="startdate" class="form-control" required />

                                        </div>

                                        <div class="mg-t-20 mt-4">
                                            <!-- <a class="btn ripple btn-info" data-bs-target="#scrollingmodal" data-bs-toggle="modal" href="">  <i class="fe fe-edit"></i></a> -->
                                            <button type="submit" class="btn ripple btn-success"><i class="fe fe-search"></i></button>
                                            <a class="btn ripple btn-danger ms-2" href="{{route('reset.leaves')}}"><i class="fe fe-slash"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        @if(session('message'))
        <div class="alert alert-success">
            {{ session('message') }}
        </div>
        @endif

        <div class="row row-sm">
            <div class="col-lg-12">
                <div class="card custom-card overflow-hidden">
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-bordered border-bottom" id="exportexample">
                                <thead>
                                    <tr>
                                        <th class="wd-20p">EmployeId</th>
                                        <th class="wd-20p">EmployeName</th>
                                        <th class="wd-20p">Title</th>
                                        <th class="wd-20p">Leave Type</th>
                                        <th class="wd-20p">Contact</th>
                                        <th class="wd-20p">Description</th>
                                        <th class="wd-20p">Start Date</th>
                                        <th class="wd-20p">End Date</th>
                                        <th class="wd-20p">Days</th>
                                        <th class="wd-20p">Status</th>
                                        <th class="wd-20p">Action</th>

                                    </tr>
                                </thead>
                                <tbody>
                                    @if(isset($getleaves))
                                    @foreach($getleaves as $lv)
                                    <tr>
                                        <td>{{$lv && $lv->user? $lv->user->employe_id:''}}</td>
                                        <td>{{$lv && $lv->user? $lv->user->name:''}}</td>
                                        <td>{{$lv?$lv->title:''}}</td>
                                        <td>
                                            @if($lv->leave_type=='emergency')
                                            <span style="color:red; text-decoration: underline;"><strong>{{$lv?$lv->leave_type:''}}</strong></span>
                                            @elseif($lv->leave_type=='sick')
                                            <span style="color:green; text-decoration: underline;"><strong>{{$lv?$lv->leave_type:''}}</strong></span>
                                            @elseif($lv->leave_type=='casual')
                                            <span style="color:blue; text-decoration: underline;"><strong>{{$lv?$lv->leave_type:''}}</strong></span>
                                            @endif
                                        </td>
                                        <td>{{$lv?$lv->contact:''}}</td>
                                        <td>{{$lv?$lv->description:''}}</td>

                                        <td>{{$lv->startdate? date('d-F-Y',strtotime($lv->startdate)):''}}</td>
                                        <td>{{$lv->end_date? date('d-F-Y',strtotime($lv->end_date)):''}}</td>
                                        <td>{{$lv?$lv->days:''}}</td>
                                        @if($lv && $lv->status=='approved')
                                        <td><span class="btn btn-success">{{$lv?$lv->status:''}}</span></td>
                                        @elseif($lv && $lv->status=='pending')
                                        <td><span class="btn btn-primary">{{$lv?$lv->status:''}}</span></td>
                                        @elseif($lv && $lv->status=='cancel')
                                        <td><span class="btn btn-danger">{{$lv?$lv->status:''}}</span></td>
                                        @endif
                                        <td>
                                            <div class="d-flex">

                                                <a class="btn ripple btn-warning" data-bs-target="#modal-datepicker" data-bs-toggle="modal" data-id="{{$lv->id}}">ATL</a>
                                                <a class="btn ripple btn-success ms-2" href="{{route('show.emp.leaves', $lv?$lv->id:'')}}"> <i class="fe fe-eye"></i></a>


                                                <a class="btn ripple btn-info ms-2" href="{{route('edit.emp.leave',$lv?$lv->id:'')}}"> <i class="fe fe-edit"></i></a>
                                                <a class="btn ripple btn-danger ms-2" href="{{route('delete.emp.leave',$lv?$lv->id:'')}}"> <i class="fe fe-trash"></i></a>
                                            </div>
                                        </td>

                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal" id="modal-datepicker">
                <div class="modal-dialog" role="document">
                    <div class="modal-content modal-content-demo">
                        <div class="modal-header">
                            <h6 class="modal-title">ADD BALANCE LEAVE</h6><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
                        </div>
                        <form method="post" action="{{route('update.total.leaves')}}">
                            {{ @csrf_field() }}
                            <div class="modal-body">
                                <h6>ADD BALANCE LEAVE</h6>
                                <input type="hidden" name="id" />
                                <input type="hidden" name="user_id" />
                                <!-- Select2 -->
                                <input class="edit-item-date form-control" type="number" placeholder="Add Leave" name="balance_leave">
                                <!-- Select2 -->
                            </div>
                            <div class="modal-footer">
                                <button class="btn ripple btn-success" data-bs-dismiss="modal" type="submit">Save</button>
                            </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function() {
        $('#modal-datepicker').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            var id = button.data('id');
            var modal = $(this);
            $.ajax({
                url: '/fetchleaves/' + id,
                method: 'GET',
                success: function(response) {

                    modal.find('input[name="id"]').val(id);
                    modal.find('input[name="balance_leave"]').val(response.user.t_leaves);
                    modal.find('input[name="user_id"]').val(response.user.id);



                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    });
</script>
@endsection