@php
use App\Helpers\Helper;
use Request as Input;
use Carbon\Carbon;
@endphp

@extends('layouts.master')
@section('title', 'Leave Details')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('admin.errors.error')
        
        @section('breadcrumbs')
        <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
            <ol class="breadcrumb mb-0 me-1">
                <li class="breadcrumb-item">
                     <a href="{{ route('admin.leave.index') }}">Leaves</a>
                </li>
                <li class="breadcrumb-item active">
                     Leave Details
                </li>

            </ol>
        </nav>
        @endsection
        
        <div class="">
            <div class="row gy-4">
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row gy-3">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Details</p>
                                    <div class="info-container">
                                        <ul class="list-unstyled">
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Leave Ticket No. </span>
                                                <span>#{{ $leave->leave_no }}</span>
                                            </li>
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Start Date :</span>
                                                <span>{{ isset($leave->start_date)? Helper::displayDateTimeConvertedWithFormat($leave->start_date, config('const.displayDate')):'' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">End Date:</span>
                                                <span>{{ isset($leave->end_date)? Helper::displayDateTimeConvertedWithFormat($leave->end_date, config('const.displayDate')):'' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Days:</span>
                                                <span>{{ isset($leave->days) ? $leave->days : '-' }}
                                                 <!-- {{($leave->days == 0.5) ? ($leave->start_type == config('const.leaveTypeFirstHalfInt')) ? "(".config('const.leaveTypeFirstHalf').")" : "(".config('const.leaveTypeSecondHalf').")" : '' }}</span> -->
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Approver:</span>
                                                <span>{{ isset($leave->getAssignName) ? $leave->getAssignName->ownerName : '' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Notes:</span>
                                                <span>{{ isset($leave->reason) ? $leave->reason : '' }}</span>
                                            </li>
                                            <hr>
                                            
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Created By:</span>
                                                <span>{{ isset($leave->getCreatedByName) ? $leave->getCreatedByName->first_name.' '.$leave->getCreatedByName->last_name : '-' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Updated By:</span>
                                                <span>{{  isset($leave->getUpdatedByName) ?  $leave->getUpdatedByName->first_name.' '.$leave->getUpdatedByName->last_name : '-' }}</span>
                                            </li>
                                            <li class="mb-2 pt-1">
                                                <span class="fw-semibold me-1">Status:</span>
                                                {!! Helper::displayleaveStatus($leave->status) !!}
                                            </li>
                                        </ul>
                                         
                                        <div class="d-flex justify-content-center">
                                            @if (auth()->user()->can('update-ticket') && auth()->user()->roles[0]->id !== config('const.roleSuperAdmin'))
                                            <!-- <a href="{{ route('admin.leave.edit', $leave) }}" class="btn btn-primary me-2 btn-sm"><i
                                                    class="tf-icons ti ti-edit pb-1"></i> Edit</a> -->
                                            @endif  
                                            <a href="{{route('admin.teamleave.index')}}" class="btn btn-primary flex-grow-1 flex-sm-grow-0 mt-sm-0 mt-1"><i class="fa-solid fa-arrow-left"></i> &nbsp; Back</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        @if($leave->status != config('const.leaveStatusApprovedInt'))
                            <div class="col-12">
                                <!-- User Card -->
                                <div class="card mb-4">
                                    <div class="card-body">
                                        <p class="small text-uppercase text-muted">Comment</p>
                                        <div class="info-container">
                                            {!! Form::open([
                                                'route' => ['admin.leave.add-comment'],
                                                'id' => 'addcomment',
                                                'name' => 'addcomment',
                                                'enctype' => 'multipart/form-data',
                                            ]) !!}
                                            @csrf
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="mb-3">
                                                        {!! Form::label('comment', 'Enter Comment', ['class' => 'form-label', 'for' => 'title']) !!}
                                                        <!-- <span class="error">*</span> -->
                                                        {!! Form::textarea('comment', Input::old('comment'), [
                                                            'id' => 'v',
                                                            'class' => 'form-control',
                                                            'placeholder' => 'Enter Comment',
                                                            'tabindex' => '5',
                                                            'rows' => '6',
                                                        ]) !!}
                                                        <input type="hidden" name="leave_id" value="{{ $leave->id }}"
                                                            class="form-controls">

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    <div class="mb-3">
                                                        <div class="form-group">
                                                            <label for="status">Status</label>
                                                            <select class="form-select" id="status" name="status"
                                                                tabindex="6">
                                                                @foreach ($statuses as $key => $status)
                                                                    <option value="{{ $key }}"
                                                                        {{ isset($leave) && $leave->status == $key ? 'selected' : '' }}>
                                                                        {{ $status }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    <button type="submit" class="btn btn-primary submitbutton"><span
                                                            class="spinner-border me-1 loader-btn d-none" role="status"
                                                            aria-hidden="true">
                                                        </span> Submit</button>
                                                </div>
                                            </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="col-lg-12 col-md-12">
                            <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h5 class="card-title m-0 me-2 pt-1 mb-2">Leave  History</h5>
                                </div>
                                <div class="card-body pb-0 task_history">
                                    <ul class="timeline ms-1 mb-0">
                                        @if (count($leave->getLeaveHistory) > 0)
                                            @php $i=0; @endphp
                                            @foreach ($leave->getLeaveHistory as $key => $history)
                                                <li class="timeline-item timeline-item-transparent ps-4">
                                                    @if ($history->status_to == null)
                                                        <span class="timeline-point timeline-point-warning mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.leaveStatusPendingInt'))
                                                        <span class="timeline-point timeline-point-warning mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.leaveStatusApprovedInt'))
                                                        <span class="timeline-point timeline-point-success mt-2"></span>
                                                    @endif
                                                    @if ($history->status_to == config('const.leaveStatusRejectedInt'))
                                                        <span class="timeline-point timeline-point-danger mt-2"></span>
                                                    @endif
                                                    <div class="timeline-event">
                                                        <div class="timeline-header mt-2">
                                                            @if ($history->status_to == null)
                                                                {!! Helper::displayLeaveStatus(config('const.leaveStatusPendingInt')) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.leaveStatusPendingInt'))
                                                                {!! Helper::displayLeaveStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.leaveStatusApprovedInt'))
                                                                {!! Helper::displayLeaveStatus($history->status_to) !!}
                                                            @endif
                                                            @if ($history->status_to == config('const.leaveStatusRejectedInt'))
                                                                {!! Helper::displayLeaveStatus($history->status_to) !!}
                                                            @endif
                                                            <small class="text-muted">
                                                                @if($key==0)
                                                                    <span class="badge bg-label-primary">New Update</span>
                                                                @endif
                                                                {{ $history->created_at->diffForHumans() }}
                                                            </small>
                                                        </div>

                                                        <div class="d-flex flex-wrap mt-2">
                                                            <div class="avatar me-2">
                                                                @php $userID = isset($history->getCommenterUser) ? $history->getCommenterUser->id : '' @endphp
                                                                <a href="{{ route('admin.user.show', $userID) }}">
                                                                    <img src="{{ isset($history->getCommenterUser) ? $history->getCommenterUser->profile_pic : '' }}"
                                                                        alt="Avatar" class="rounded-circle" />
                                                                </a>
                                                            </div>
                                                            <div class="ms-1">
                                                                <h6 class="mb-0">
                                                                    {{ isset($history->getCommenterUser) ? $history->getCommenterUser->ownerName : '' }}
                                                                </h6>
                                                                <span>{{ isset($history->getCommenterUser->roles) ? $history->getCommenterUser->roles[0]->name : '' }}</span>
                                                            </div>
                                                        </div>
                                                        <p class="mb-2">
                                                            {{ isset($history->comment) ? $history->comment : '' }}</p>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Task Details -->
            </div>
        </div>
    </div>
    @include('admin.confirmalert')
@endsection
@section('scripts')
    <script>
        /** Jquery validation */
        $("#addcomment").validate({
            rules: {
                // comment:{
                //     required: true,
                // },
            },
            submitHandler: function(form) {
                if ($("#addcomment").validate().checkForm()) {
                    $('.submitbutton').attr('disabled', true);
                    $('.loader-btn').removeClass("d-none");
                    form.submit();
                }
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass("custom-highlight-error");
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass("custom-highlight-error");
            }
        });

        $('#status').on('change', function () {
            $('[name="comment"]').rules('add', {
                required: false,
            })
        });
    </script>
@endsection