@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="{{ $skillmatrix->id }}" id="skillmatrix_id">
            <input type="hidden" value="{{ $skillmatrix->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>Skill Matrix</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a class="text-primary" href="{{ route('skillmatrix.lists') }}">Skill Matrix</a></li>
                            <li><a href="javascript:;">Skill Matrix 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 Skill Matrix Details</h3>
                            <div class="card-body-header">
                                <h5>#{{ $skillmatrix->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-skill"><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-skillmatrix"><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>{{ $skillmatrix->employeeData->first_name . ' ' . $skillmatrix->employeeData->last_name }}
                                                </h6>
                                            </li>
                                            <li>
                                                <h5>Service Status</h5>
                                                <h6>{{ isset($skillmatrix->serviceStatus) ? $skillmatrix->serviceStatus->name : '-' }}
                                                </h6>
                                            </li>
                                            <li class="mb-3">
                                                <h5>Location</h5>
                                                <h6>{{ $skillmatrix->location }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Department</h5>
                                                <h6>{{ $skillmatrix->department }}</h6>
                                            </li>
                                            <li>
                                                <h5>Designation</h5>
                                                <h6>{{ $skillmatrix->designation }}</h6>
                                            </li>
                                            <li>
                                                <h5>Overall Experience</h5>
                                                <h6>{{ $skillmatrix->exp_years . ' ' . $skillmatrix->exp_months }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">

                    <div class="card">
                        <div class="tab-set" id="dependency_tab">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <button class="nav-link active" id="nav-education-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-education" type="button" role="tab"
                                        aria-controls="nav-education" aria-selected="true">Education</button>
                                    <button class="nav-link" id="nav-certificate-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-certificate" type="button" role="tab"
                                        aria-controls="nav-certificate" aria-selected="false">Certificate</button>
                                    <button class="nav-link" id="nav-pskill-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-pskill" type="button" role="tab"
                                        aria-controls="nav-pskill" aria-selected="false">Primary Skill</button>
                                    <button class="nav-link" id="nav-secskill-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-secskill" type="button" role="tab"
                                        aria-controls="nav-secskill" aria-selected="false">Secondary Skill</button>
                                    <button class="nav-link" id="nav-oskill-tab" data-bs-toggle="tab"
                                        data-bs-target="#nav-oskill" type="button" role="tab"
                                        aria-controls="nav-oskill" aria-selected="false">Other Skill</button>
                                </div>
                            </nav>

                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-education" role="tabpanel"
                                    aria-labelledby="nav-education-tab">
                                    <div class="col-md-6 col-lg-6 mb-3">
                                        <h5 class="mb-3"><b>Education Details</b></h5>
                                        <div class="detail-body">
                                            @php
                                                $educationQualifications = $skillmatrix->qualifications->where(
                                                    'type',
                                                    'Education',
                                                );
                                            @endphp
                                            <table class="table">
                                                <thead>
                                                    <th>S.No</th>
                                                    <th>Education</th>
                                                </thead>
                                                <tbody>
                                                    @if ($educationQualifications->isNotEmpty())
                                                        @foreach ($educationQualifications as $ed => $educate)
                                                            <tr>
                                                                <td style="width:15px">{{ ++$ed }}</td>
                                                                <td>{{ $educate->name }}</td>
                                                        @endforeach
                                                    @else
                                                        <tr>
                                                            <td colspan="2" class="text-center">No education
                                                                qualifications found</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-certificate" role="tabpanel"
                                    aria-labelledby="nav-certificate-tab">
                                    <div class="col-md-6 col-lg-6 mb-3">
                                        <h6 class="mb-3"><b>Certificate Details</b></h6>
                                        <div class="detail-body">
                                            @php
                                                $certificateQualifications = $skillmatrix->qualifications->where(
                                                    'type',
                                                    'Certification',
                                                );
                                            @endphp
                                            <table class="table">
                                                <thead>
                                                    <th>S.No</th>
                                                    <th>Certificate</th>
                                                </thead>
                                                <tbody>
                                                    @if ($certificateQualifications->isNotEmpty())
                                                        @foreach ($certificateQualifications as $ct => $certify)
                                                            <tr>
                                                                <td style="width:15px">{{ $ct++ }}</td>
                                                                <td>{{ $certify->name }}</td>
                                                        @endforeach
                                                    @else
                                                        <tr>
                                                            <td colspan="2" class="text-center">No certification
                                                                details found</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-pskill" role="tabpanel"
                                    aria-labelledby="nav-pskill-tab">
                                    @php
                                        $skillTypes = [
                                            'Primary' => 'Primary Skill',
                                        ];
                                    @endphp

                                    @foreach ($skillTypes as $type => $label)
                                        <div class="col-md-6 col-lg-6 mb-3">
                                            <h6 class="mb-3"><b>{{ $label }} Details</b></h6>
                                            <div class="detail-body">
                                                <table class="table">
                                                    <thead>
                                                        <th>S.No</th>
                                                        <th>{{ $label }}</th>
                                                        <th>Skill Level</th>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $skills = $skillmatrix->skills->where('type', $type);
                                                        @endphp
                                                        @if ($skills->isNotEmpty())
                                                            @foreach ($skills as $index => $skill)
                                                                <tr>
                                                                    <td style="width:15px">{{ $loop->iteration }}</td>
                                                                    <td>{{ $skill->skill_name }}</td>
                                                                    <td>{{ isset($skill->skillLevel) ? $skill->skillLevel->name : '-' }}
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="3" class="text-center">No skill details
                                                                    found</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="tab-pane fade" id="nav-secskill" role="tabpanel"
                                    aria-labelledby="nav-secskill-tab">
                                    @php
                                        $skillTypes = [
                                            'Secondary' => 'Secondary Skill',
                                        ];
                                    @endphp

                                    @foreach ($skillTypes as $type => $label)
                                        <div class="col-md-6 col-lg-6 mb-3">
                                            <h6 class="mb-3"><b>{{ $label }} Details</b></h6>
                                            <div class="detail-body">
                                                <table class="table">
                                                    <thead>
                                                        <th>S.No</th>
                                                        <th>{{ $label }}</th>
                                                        <th>Skill Level</th>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $skills = $skillmatrix->skills->where('type', $type);
                                                        @endphp
                                                        @if ($skills->isNotEmpty())
                                                            @foreach ($skills as $index => $skill)
                                                                <tr>
                                                                    <td style="width:15px">{{ $loop->iteration }}</td>
                                                                    <td>{{ $skill->skill_name }}</td>
                                                                    <td>{{ isset($skill->skillLevel) ? $skill->skillLevel->name : '-' }}
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="3" class="text-center">No skill details
                                                                    found</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="tab-pane fade" id="nav-oskill" role="tabpanel"
                                    aria-labelledby="nav-oskill-tab">
                                    @php
                                        $skillTypes = [
                                            'Other' => 'Other Skill',
                                        ];
                                    @endphp

                                    @foreach ($skillTypes as $type => $label)
                                        <div class="col-md-6 col-lg-6 mb-3">
                                            <h6 class="mb-3"><b>{{ $label }} Details</b></h6>
                                            <div class="detail-body">
                                                <table class="table">
                                                    <thead>
                                                        <th>S.No</th>
                                                        <th>{{ $label }}</th>
                                                        <th>Skill Level</th>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $skills = $skillmatrix->skills->where('type', $type);
                                                        @endphp
                                                        @if ($skills->isNotEmpty())
                                                            @foreach ($skills as $index => $skill)
                                                                <tr>
                                                                    <td style="width:15px">{{ $loop->iteration }}</td>
                                                                    <td>{{ $skill->skill_name }}</td>
                                                                    <td>{{ isset($skill->skillLevel) ? $skill->skillLevel->name : '-' }}
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="3" class="text-center">No skill details
                                                                    found</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customModal')
    <div class="modal fade modal-customization editSkillMatixModal" id="manage-skill" 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 Skill</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_skill_matrix">
                    <input type="hidden" name="skillmatrix_id" value="{{ $skillmatrix->id }}" />
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-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($skillmatrix->employee_id == $user->user_id)>
                                                    {{ $user->first_name . ' ' . $user->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Employee ID</label>
                                    <input type="text" class="form-control empdetails" id="employee_id"
                                        name="employee_no" value="{{ $skillmatrix->employee_no }}" readonly
                                        placeholder="EMP-00001">
                                </div>
                            </div>

                            <div class="col-lg-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Location </label>
                                    <input type="text" class="form-control empdetails" id="location" name="location"
                                        value="{{ $skillmatrix->location }}" readonly placeholder="Location">
                                    {{-- <select class="select">
                            <option>Select</option>
                            <option>USA</option>
                        </select> --}}
                                </div>
                            </div>
                            <div class="col-lg-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Service status </label>
                                    <select class="select" name="service_status" id="service_status">
                                        @if (!$configurations['skill_service_status']->isEmpty())
                                            @foreach ($configurations['skill_service_status'] as $service)
                                                <option value="{{ $service->id }}" @selected($service->id == $skillmatrix->id)>
                                                    {{ $service->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">Department </label>
                                    <input type="text" class="form-control empdetails" id="department"
                                        name="department" value="{{ $skillmatrix->department }}" readonly
                                        placeholder="Department">
                                    {{-- <select class="select">
                            <option>Development</option>
                            <option>Testing</option>
                        </select> --}}
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3">
                                    <label class="form-label">Designation </label>
                                    <input type="text" class="form-control empdetails" id="designation"
                                        name="designation" value="{{ $skillmatrix->designation }}" readonly
                                        placeholder="Designation">
                                    {{-- <select class="select">
                            <option>Team Lead</option>
                            <option>Manager</option>
                        </select> --}}
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-4">
                                    <label class="form-label">Experience </label>
                                    <div class="row">
                                        <div class="col-lg-8 col-md-12">
                                            <input type="text" class="form-control empdetails" placeholder="10Y"
                                                id="exp_years" name="exp_years" readonly
                                                value="{{ $skillmatrix->exp_years }}">
                                        </div>
                                        <div class="col-lg-4 col-md-12">
                                            <input type="text" class="form-control empdetails" placeholder="5M"
                                                id="exp_months" name="exp_months" readonly
                                                value="{{ $skillmatrix->exp_months }}">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @php
                                $educationQualification = $skillmatrix->qualifications->where('type', 'Education');
                                $rowedu = 0;
                            @endphp
                            @if ($educationQualification->isNotEmpty())
                                @foreach ($educationQualification as $edu => $educates)
                                    <div class="col-lg-12">
                                        <div class="mb-3" id="education-section">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Educational qualifications <span
                                                        class="manitory">*</span></label>
                                                @if ($rowedu == 0)
                                                    <a href="javascript:;"
                                                        class="btn btn-assign btn-primary-light add_education">Add
                                                        <i class="fe fe-plus-circle me-1"></i></a>
                                                @else
                                                    <a href="javascript:;"
                                                        class="btn btn-assign btn-danger remove_education">Remove
                                                        <i class="fe fe-minus-circle me-1"></i></a>
                                                @endif
                                            </div>
                                            <input type="hidden" name="educateid[]" value="{{ $educates->id }}" />
                                            <input type="text" class="form-control" name="education[]"
                                                placeholder="B.Sc, 2009-2012, 75%, A+" value="{{ $educates->name }}">
                                        </div>
                                    </div>
                                    @php
                                        $rowedu++;
                                    @endphp
                                @endforeach
                            @else
                                <div class="col-lg-12">
                                    <div class="mb-3" id="education-section">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                            <label class="form-label">Educational qualifications <span
                                                    class="manitory">*</span></label>
                                            <a href="javascript:;"
                                                class="btn btn-assign btn-primary-light add_education">Add
                                                <i class="fe fe-plus-circle me-1"></i></a>
                                        </div>
                                        <input type="hidden" name="educateid[]" />
                                        <input type="text" class="form-control" name="education[]"
                                            placeholder="Enter Educational Quaolifications">
                                    </div>
                                </div>
                            @endif

                            @php
                                $certifyQualification = $skillmatrix->qualifications->where('type', 'Certification');
                                $rowcr = 0;
                            @endphp
                            @if ($certifyQualification->isNotEmpty())
                                @foreach ($certifyQualification as $cr => $cert)
                                    <div class="col-lg-12">
                                        <div class="mb-3" id="certification-section">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Certification <span
                                                        class="manitory"></span></label>
                                                @if ($rowcr == 0)
                                                    <a href="javascript:;"
                                                        class="btn btn-assign btn-primary-light add_certificate">Add <i
                                                            class="fe fe-plus-circle me-1"></i></a>
                                                @else
                                                    <a href="javascript:;"
                                                        class="btn btn-assign btn-danger remove_certification">Remove <i
                                                            class="fe fe-minus-circle me-1"></i></a>
                                                @endif
                                            </div>
                                            <input type="hidden" name="certifyid[]" value="{{ $cert->id }}" />
                                            <input type="text" class="form-control" placeholder="Enter Certification"
                                                value="{{ $cert->name }}" name="certificate[]">
                                        </div>
                                    </div>
                                    @php
                                        $rowcr++;
                                    @endphp
                                @endforeach
                            @else
                                <div class="col-lg-12">
                                    <div class="mb-3" id="certification-section">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                            <label class="form-label">Certification <span
                                                    class="manitory">*</span></label>
                                            <a href="javascript:;"
                                                class="btn btn-assign btn-primary-light add_certificate">Add <i
                                                    class="fe fe-plus-circle me-1"></i></a>
                                        </div>
                                        <input type="hidden" name="certifyid[]" />
                                        <input type="text" class="form-control" placeholder="Enter Certification"
                                            name="certificate[]">
                                    </div>
                                </div>
                            @endif

                            @php
                                $pri = 0;
                            @endphp
                            @if ($skillmatrix->skills->where('type', 'Primary')->isNotEmpty())
                                @foreach ($skillmatrix->skills->where('type', 'Primary') as $skill)
                                    <div id="primary-skills-parent" class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Primary skills <span
                                                            class="manitory">*</span></label>
                                                </div>
                                                <input type="hidden" name="primaryid[]" value="{{ $skill->id }}" />
                                                <input type="text" class="form-control" placeholder="Enter skills"
                                                    name="primary_skills[]" value="{{ $skill->skill_name }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-6  col-md-12 ">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Skill level <span
                                                            class="manitory">*</span></label>
                                                    @if ($pri == 0)
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-primary-light clone-section"
                                                            data-section="primary-skills-parent">Add <i
                                                                class="fe fe-plus-circle me-1"></i></a>
                                                    @else
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-danger remove-section"
                                                            data-section="primary-skills-parent">Remove <i
                                                                class="fe fe-minus-circle me-1"></i></a>
                                                    @endif
                                                </div>
                                                <select class="select" name="primary_levels[]">
                                                    @if (!$configurations['skill_level']->isEmpty())
                                                        @foreach ($configurations['skill_level'] as $pskill)
                                                            @php
                                                                $pskillid = isset($skill->skillLevel)
                                                                    ? $skill->skillLevel->id
                                                                    : '';
                                                            @endphp
                                                            <option value="{{ $pskill->id }}"
                                                                @selected($pskill->id == $pskillid)>{{ $pskill->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @php
                                        $pri++;
                                    @endphp
                                @endforeach
                            @else
                                <div id="primary-skills-parent" class="row">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Primary skills <span
                                                        class="manitory">*</span></label>
                                            </div>
                                            <input type="hidden" name="primaryid[]" />
                                            <input type="text" class="form-control" placeholder="Enter skills"
                                                name="primary_skills[]">
                                        </div>
                                    </div>
                                    <div class="col-lg-6  col-md-12 ">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Skill level <span
                                                        class="manitory">*</span></label>

                                                <a href="javascript:;"
                                                    class="btn btn-assign btn-primary-light clone-section"
                                                    data-section="primary-skills-parent">Add <i
                                                        class="fe fe-plus-circle me-1"></i></a>
                                            </div>
                                            <select class="select" name="primary_levels[]">
                                                @if (!$configurations['skill_level']->isEmpty())
                                                    @foreach ($configurations['skill_level'] as $pskill)
                                                        <option value="{{ $pskill->id }}">{{ $pskill->name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @php
                                $sec = 0;
                            @endphp
                            @if ($skillmatrix->skills->where('type', 'Secondary')->isNotEmpty())
                                @foreach ($skillmatrix->skills->where('type', 'Secondary') as $skill)
                                    <div id="secondary-skills-section" class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Secondary skills <span
                                                            class="manitory">*</span></label>
                                                </div>
                                                <input type="hidden" name="secondaryid[]"
                                                    value="{{ $skill->id }}" />
                                                <input type="text" class="form-control" placeholder="Enter skills"
                                                    value="{{ $skill->skill_name }}" name="secondary_skills[]">
                                            </div>
                                        </div>
                                        <div class="col-lg-6  col-md-12 ">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Skill level <span
                                                            class="manitory">*</span></label>
                                                    @if ($sec == 0)
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-primary-light clone-section"
                                                            data-section="secondary-skills-section">Add <i
                                                                class="fe fe-plus-circle me-1"></i></a>
                                                    @else
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-danger remove-section"
                                                            data-section="secondary-skills-section">Remove <i
                                                                class="fe fe-minus-circle me-1"></i></a>
                                                    @endif
                                                </div>
                                                <select class="select" name="secondary_levels[]">
                                                    @if (!$configurations['skill_level']->isEmpty())
                                                        @foreach ($configurations['skill_level'] as $skil)
                                                            @php
                                                                $sskillid = isset($skill->skillLevel)
                                                                    ? $skill->skillLevel->id
                                                                    : '';
                                                            @endphp
                                                            <option value="{{ $skil->id }}"
                                                                @selected($skil->id == $sskillid)>{{ $skil->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @php
                                        $sec++;
                                    @endphp
                                @endforeach
                            @else
                                <div id="secondary-skills-section" class="row">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Secondary skills <span
                                                        class="manitory"></span></label>
                                            </div>
                                            <input type="hidden" name="secondaryid[]" />
                                            <input type="text" class="form-control" placeholder="Enter skills"
                                                name="secondary_skills[]">
                                        </div>
                                    </div>
                                    <div class="col-lg-6  col-md-12 ">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Skill level <span
                                                        class="manitory"></span></label>
                                                <a href="javascript:;"
                                                    class="btn btn-assign btn-primary-light clone-section"
                                                    data-section="secondary-skills-section">Add <i
                                                        class="fe fe-plus-circle me-1"></i></a>
                                            </div>
                                            <select class="select" name="secondary_levels[]">
                                                @if (!$configurations['skill_level']->isEmpty())
                                                    @foreach ($configurations['skill_level'] as $skill)
                                                        <option value="{{ $skill->id }}">{{ $skill->name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @php
                                $oth = 0;
                            @endphp
                            @if ($skillmatrix->skills->where('type', 'Other')->isNotEmpty())
                                @foreach ($skillmatrix->skills->where('type', 'Other') as $oskill)
                                    <div id="other-skills-section" class="row">
                                        <div class="col-lg-6 col-md-12">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Other skills <span
                                                            class="manitory">*</span></label>

                                                </div>
                                                <input type="hidden" name="othersid[]" value="{{ $oskill->id }}" />
                                                <input type="text" class="form-control" placeholder="Enter skills"
                                                    value="{{ $oskill->skill_name }}" name="other_skills[]">
                                            </div>
                                        </div>
                                        <div class="col-lg-6  col-md-12 ">
                                            <div class="mb-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                    <label class="form-label">Skill level <span
                                                            class="manitory">*</span></label>
                                                    @if ($oth == 0)
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-primary-light clone-section"
                                                            data-section="other-skills-section">Add <i
                                                                class="fe fe-plus-circle me-1"></i></a>
                                                    @else
                                                        <a href="javascript:;"
                                                            class="btn btn-assign btn-danger remove-section"
                                                            data-section="other-skills-section">Remove <i
                                                                class="fe fe-minus-circle me-1"></i></a>
                                                    @endif
                                                </div>
                                                <select class="select" name="other_levels[]">
                                                    @if (!$configurations['skill_level']->isEmpty())
                                                        @foreach ($configurations['skill_level'] as $oskil)
                                                            @php
                                                                $oskillid = isset($oskill->skillLevel)
                                                                    ? $oskill->skillLevel->id
                                                                    : '';
                                                            @endphp
                                                            <option value="{{ $oskil->id }}"
                                                                @selected($oskillid == $oskil->id)>{{ $oskil->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @php
                                        $oth++;
                                    @endphp
                                @endforeach
                            @else
                                <div id="other-skills-section" class="row">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Other skills <span
                                                        class="manitory"></span></label>

                                            </div>
                                            <input type="hidden" name="othersid[]" />
                                            <input type="text" class="form-control" placeholder="Enter skills"
                                                name="other_skills[]">
                                        </div>
                                    </div>
                                    <div class="col-lg-6  col-md-12 ">
                                        <div class="mb-3">
                                            <div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
                                                <label class="form-label">Skill level <span
                                                        class="manitory"></span></label>
                                                <a href="javascript:;"
                                                    class="btn btn-assign btn-primary-light clone-section"
                                                    data-section="other-skills-section">Add <i
                                                        class="fe fe-plus-circle me-1"></i></a>
                                            </div>
                                            <select class="select" name="other_levels[]">
                                                @if (!$configurations['skill_level']->isEmpty())
                                                    @foreach ($configurations['skill_level'] as $oskill)
                                                        <option value="{{ $oskill->id }}">{{ $oskill->name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            @endif

                        </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>
                        #empdiv .select2-container .select2-selection--single {
                            opacity: 0.9;
                            pointer-events: none;
                            background: #F3F3F3;
                        }
                    </style>
                </form>
            </div>
        </div>
    </div>
@endsection