@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            <input type="hidden" name="page_name" value="{{ $page }}" id="page_name">
            <input type="hidden" value="{{ $allocation->id }}" id="allocation_id">
            <input type="hidden" value="{{ $allocation->employee_id }}" id="employee_id">
            @include('layouts.tenants.project-support-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Allocation</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('allocation.lists') }}">Allocation</a></li>
                            <li><a href="javascript:;">Allocation Detail</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h3 class="head-client">Employee Project Allocation Details</h3>
                            <div class="card-body-header">
                                <h5>#{{ $allocation->employee_no }}</h5>
                                <a href="javascript:;" class="btn btn-primary-light" data-bs-toggle="dropdown"><i
                                        class="fe fe-more-horizontal"></i></a>
                                <div class="dropdown-menu ">
                                    @if(Auth::user()->hasPermission('training_matrix','edit'))
                                    <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal"
                                        data-bs-target="#manage-allocation"><i class="fe fe-edit me-2"></i>Edit</a>
                                    @endif
                                    {{-- <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal"
                                        data-bs-target="#delete-allocation"><i
                                            class="fa-solid fa-trash-can me-2"></i>Delete</a> --}}
                                </div>
                            </div>
                            <div class="card-body-content">
                                <p></p>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Employee Name</h5>
                                                <h6>{{ $allocation->employee->first_name . ' ' . $allocation->employee->last_name }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Role</h5>
                                                <h6>{{ $rolename }}</h6>
                                            </li>
                                            <li>
                                                <h5>Allocation Status</h5>
                                                <h6>{{ $allocation->allocationType->name }}</h6>
                                            </li>
                                            <li class="mb-3">
                                                <h5>Skills Used</h5>
                                                <h6>{{ $allocation->skills_used }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Project Name</h5>
                                                @php
                                                    $projectText = isset($allocation)
                                                        ? $allocation->project->project_id .
                                                            ' - ' .
                                                            $allocation->project->project_name
                                                        : '-';
                                                @endphp
                                                <h6 class="text-info"><a class="text-info" target="_blank"
                                                        href="{{ route('project.details', ['id' => $allocation->project_id]) }}">{{ $projectText }}</a>
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Reporting To</h5>
                                                <h6>{{ $allocation->reportTo->first_name . ' ' . $allocation->reportTo->last_name }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Start Date</h5>
                                                <h6>{{ ConvertDateFormat($allocation->start_date) }}</h6>
                                            </li>
                                            <li>
                                                <h5>End Date</h5>
                                                <h6>{{ ConvertDateFormat($allocation->end_date) }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customModal')
    <div class="modal fade modal-customization editAllocate" id="manage-allocation" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Edit Allocation</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fe fe-x"></i>
                    </button>
                </div>
                <form id="manage_allocation_form">
                    <input type="hidden" name="allocation_id" value="{{ $allocation->id }}">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="empdiv">
                                    <label class="form-label">Employee name <span
                                        class="manitory">*</span></label>
                                    <select class="select employee_option" name="employee_id">
                                        <option value="">Select Employee</option>
                                        @if (!$employees->isEmpty())
                                            @foreach ($employees as $user)
                                                <option value="{{ $user->user_id }}" @selected($allocation->employee_id == $user->user_id)>
                                                    {{ $user->first_name . ' ' . $user->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Employee ID <span
                                        class="manitory">*</span></label>
                                    <input type="text" class="form-control" placeholder="EMP0077" name="employee_no"
                                        id="employee_no" readonly value="{{ $allocation->employee_no }}">
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="rolediv">
                                    <label class="form-label">Role <span
                                        class="manitory">*</span></label>
                                    <select class="select" name="role" id="role" readonly>
                                        <option value="">Select Role</option>
                                        @if (!$roles->isEmpty())
                                            @foreach ($roles as $role)
                                                <option value="{{ $role->id }}" @selected($allocation->roles == $role->id)>
                                                    {{ $role->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="allocationdiv">
                                    <label class="form-label">Allocation status <span
                                        class="manitory">*</span></label>
                                    <select class="select" name="allocation">
                                        <option value="">Select Status</option>
                                        @if (!$allocation_status->isEmpty())
                                            @foreach ($allocation_status as $allocate)
                                                <option value="{{ $allocate->id }}" @selected($allocation->allocation == $allocate->id)>
                                                    {{ $allocate->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="projectdiv">
                                    <label class="form-label">Project name <span
                                        class="manitory">*</span></label>
                                    <select class="select" name="project_id">
                                        <option value="">Select Project</option>
                                        @if (!$projects->isEmpty())
                                            @foreach ($projects as $prj)
                                                <option value="{{ $prj->id }}" @selected($allocation->project_id == $prj->id)>
                                                    {{ $prj->project_id . ' [' . $prj->project_name . ']' }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="reportdiv">
                                    <label class="form-label">Reporting to <span
                                        class="manitory">*</span></label>
                                    <select class="select" name="reporting_to">
                                        <option value="">Select User</option>
                                        @if (!$users->isEmpty())
                                            @foreach ($users as $usr)
                                                <option value="{{ $usr->id }}" @selected($allocation->report_to == $usr->id)>
                                                    {{ $usr->first_name . ' ' . $usr->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Start date <span
                                        class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" class="form-control datepicker" name="start_date"
                                            placeholder="DD-MM-YYYY" value="{{ \Carbon\Carbon::parse($allocation->start_date)->format('d-m-Y') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">End date <span
                                        class="manitory">*</span></label>
                                    <div class="cal-icon">
                                        <input type="text" class="form-control datepicker" name="end_date"
                                            placeholder="DD-MM-YYYY" value="{{ \Carbon\Carbon::parse($allocation->end_date)->format('d-m-Y') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3" id="useddiv">
                                    <label class="form-label">Skills used <span
                                        class="manitory">*</span></label>
                                    <div class="input-form-tags modal-tags">
                                        <div class="input-clear-text">
                                            @php
                                                $skillsarr = explode(",",$allocation->skills_used);
                                            @endphp
                                            <select class="select" multiple name="skills_used[]" id="skills_used">
                                                @if (!empty($skillsused))
                                                    @foreach ($skillsused as $used)
                                                        <option value="{{ $used }}" {{ in_array($used, $skillsarr) ? 'selected' : '' }}>{{ $used }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Update</button>
                        <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                    </div>
                    <style>
                        #rolediv .select2-container .select2-selection--single {
                            opacity: 0.9;
                            pointer-events: none;
                            background: #F3F3F3;
                        }
                        .select2-search__field {
                            width: auto !important;
                        }
                    </style>
                </form>
            </div>
        </div>
    </div>
@endsection