@extends('admin/institute-management/institute-profile/index',['withoutCard' => true])

@section('main-content-tab')
{{--    <div class="card mb-6">--}}
{{--        <div class="card-body">--}}
{{--            <div>--}}
{{--                <h1 class="fs-18px fw-500 mb-0">Job Placement</h1>--}}
{{--                <p class="fs-14 text-cs-gray mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur delectus fugit necessitatibus numquam quod voluptates.</p>--}}
{{--                <button type="button" class="btn btn--primary rounded-btn me-2 text-cs-gray" data-bs-toggle="modal" data-bs-target=".job-placement"  style="background: rgba(117,117,117,0.1);">--}}
{{--                    <i class="fa fa-pen"></i> Add Job Placement--}}
{{--                </button>--}}
{{--                <button type="button" data-bs-toggle="modal" data-bs-target=".company-modal"  class="btn btn--primary rounded-btn text-cs-gray"  style="background: rgba(117,117,117,0.1);">--}}
{{--                    <i class="fa fa-pen"></i> Add Company--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <div class="card mb-6">--}}
{{--        <div class="card-header d-flex justify-content-between align-items-center">--}}
{{--            <h1 class="fs-18px fw-500 mb-0">Job Placement</h1>--}}
{{--            <button type="button" data-bs-toggle="modal" data-bs-target=".job-placement"  class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);">--}}
{{--                <i class="fa fa-pen"></i> Add Job Placement--}}
{{--            </button>--}}
{{--        </div>--}}
{{--        <div class="card-body faculty-table-card">--}}
{{--            <table class="table table-row-bordered data-table">--}}
{{--                <thead>--}}
{{--                <tr>--}}
{{--                    <th class="text-center">SL.</th>--}}
{{--                    <th class="text-center">Level</th>--}}
{{--                    <th class="text-center">Low Salary</th>--}}
{{--                    <th class="text-center">Avg. Salary</th>--}}
{{--                    <th class="text-center">High Salary</th>--}}
{{--                    <th class="text-center">Status</th>--}}
{{--                    <th class="text-center">Actions</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody class="text-gray-600 fw-bold">--}}
{{--                    <tr>--}}
{{--                        <td class="text-center">1</td>--}}
{{--                        <td class="text-center">Entry Level</td>--}}
{{--                        <td class="text-center">10000</td>--}}
{{--                        <td class="text-center">20000</td>--}}
{{--                        <td class="text-center">30000</td>--}}
{{--                        <td class="text-center"><span class="badge badge-light-success">Active</span></td>--}}
{{--                        <td class="text-center">--}}
{{--                            <a href="#" class="btn btn-icon btn-sm btn-bg-light btn-active-light-primary me-1" data-bs-toggle="modal" data-bs-target=".job-placement" >--}}
{{--                                <i class="fa fa-pen"></i>--}}
{{--                            </a>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <div class="card mb-6">--}}
{{--        <div class="card-header d-flex justify-content-between align-items-center">--}}
{{--            <h1 class="fs-18px fw-500 mb-0">Company List</h1>--}}
{{--            <button type="button" data-bs-toggle="modal" data-bs-target=".company-modal"  class="btn btn--primary rounded-btn" style="background: rgba(117,117,117,0.1);">--}}
{{--                <i class="fa fa-pen"></i> Add Company--}}
{{--            </button>--}}
{{--        </div>--}}
{{--        <div class="card-body faculty-table-card">--}}
{{--            <div class="table-responsive">--}}
{{--                <table class="table table-row-bordered data-table">--}}
{{--                    <thead>--}}
{{--                    <tr>--}}
{{--                        <th class="text-center">SL.</th>--}}
{{--                        <th class="text-center">Company Name</th>--}}
{{--                        <th class="text-center">Logo</th>--}}
{{--                        <th class="text-center">Featured</th>--}}
{{--                        <th class="text-center">Status</th>--}}
{{--                        <th class="text-center">Actions</th>--}}
{{--                    </tr>--}}
{{--                    </thead>--}}
{{--                    <tbody class="text-gray-600 fw-bold">--}}
{{--                    <tr>--}}
{{--                        <td class="text-center">1</td>--}}
{{--                        <td class="text-center">Company Name</td>--}}
{{--                        <td class="text-center">--}}
{{--                            <img src="https://via.placeholder.com/150" alt="logo" style="mix-width: 120px;height: 50px;">--}}
{{--                        </td>--}}
{{--                        <td class="text-center"><span class="badge badge-light-primary">Featured</span></td>--}}
{{--                        <td class="text-center"><span class="badge badge-light-success">Active</span></td>--}}
{{--                        <td class="text-center">--}}
{{--                            <button type="button" class="btn btn-icon btn-sm btn-bg-light btn-active-light-primary me-1" data-bs-toggle="modal" data-bs-target=".company-modal" >--}}
{{--                                <i class="fa fa-pen"></i>--}}
{{--                            </button>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                    </tbody>--}}
{{--                </table>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    <div class="modal fade custom-modal job-placement">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title">Add Job Placement</h5>
                    <button type="button" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="px-lg-10 px-0">
                        <div class="row g-10">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Level</label>
                                    <select class="form-select form-select-solid">
                                        <option>Select Level</option>
                                        <option>Entry Level</option>
                                        <option>Mid Level</option>
                                        <option>High Level</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Low Salary</label>
                                    <input type="text" class="form-control form-control-solid" id="name" placeholder="Enter Low Salary">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">Average Salary</label>
                                    <input type="text" class="form-control form-control-solid" id="name" placeholder="Enter Average Salary">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name">High Salary</label>
                                    <input type="text" class="form-control form-control-solid" id="name" placeholder="Enter High Salary">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <label class="form-check-label mb-1" for="flexSwitchDefault">
                                    Status
                                </label>
                                <div class="form-check form-switch form-check-custom form-check-primary form-check-solid">
                                    <input class="form-check-input" type="checkbox" value="" id="flexSwitchDefault"/>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center mt-10">
                            <button type="submit" class="btn btn-primary btn--primary rounded-btn">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade custom-modal company-modal">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header bg--primary text-white">
                    <h5 class="modal-title">Add Company</h5>
                    <button type="button" class="btn btn-icon btn-sm btn-secondary modal-close-btn" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="px-lg-10 px-0">
                        <div class="row g-10">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="company_name">Company name (EN)</label>
                                    <input type="text" class="form-control form-control-solid" id="company_name" name="company_name" placeholder="Enter Company name (EN)">
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="company_name_bn">Company name (BN)</label>
                                    <input type="text" class="form-control form-control-solid" id="company_name_bn" name="company_name_bn" placeholder="Enter Company name (BN)">
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="name">Company  Logo</label>
                                    <div class="w-100 rounded form-solid-bg mb-2 py-6 d-flex justify-content-center">
                                        <div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
                                            <!--begin::Preview existing avatar-->
                                            <div class="image-input-wrapper w-125px h-125px upload-bg" style="background-image: url('{{ asset($institute_about['video_thumbnail'] ?? '') }}');"></div>
                                            <!--end::Preview existing avatar-->
                                            <!--begin::Label-->
                                            <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" title="Change avatar">
                                                <i class="bi bi-pencil-fill fs-7"></i>
                                                <!--begin::Inputs-->
                                                <input type="file" name="video_thumbnail" accept=".png, .jpg, .jpeg" />
                                                <input type="hidden" name="avatar_remove" />
                                                <!--end::Inputs-->
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Cancel-->
                                            <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="Cancel avatar">
													<i class="bi bi-x fs-2"></i>
												</span>
                                            <!--end::Cancel-->
                                            <!--begin::Remove-->
                                            <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" title="Remove avatar">
													<i class="bi bi-x fs-2"></i>
												</span>
                                            <!--end::Remove-->
                                        </div>
                                    </div>
                                    <span style="font-size: 12px;color: red;">Suggested Image ratio: 60 x 60 | max-size: 50 KB</span>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="row g-5">
                                    <div class="col-md-6">
                                        <label class="form-check-label mb-1" for="flexSwitchDefault">
                                            Featured
                                        </label>
                                        <div class="form-check form-switch form-check-custom form-check-primary form-check-solid">
                                            <input class="form-check-input" type="checkbox" value="" id="flexSwitchDefault"/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-check-label mb-1" for="flexSwitchDefault">
                                            Status
                                        </label>
                                        <div class="form-check form-switch form-check-custom form-check-primary form-check-solid">
                                            <input class="form-check-input" type="checkbox" value="" id="flexSwitchDefault"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center mt-10">
                            <button type="submit" class="btn btn-primary btn--primary rounded-btn">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="card mb-6">
    <div class="card-body">
        <form action="{{route('institute.profile.job-placement', $slug)}}" class="form mb-15" name="institute" method="POST" id="kt_contact_form" enctype="multipart/form-data">
            @csrf
            <h1 class="fw-bolder text-dark mb-9">Update Job Placement</h1>
            <input type="hidden" name="id" value="{{$job_placement['id'] ?? 0}}">
            <!--begin::Input group-->
            <div class="row">
                <div class="col-md-6">
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Entry Level Low Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_low_salary'] ?? ''}}" placeholder="Enter Entry Level Low Salary (EN)" name="entry_low_salary" autocomplete="off"/>
                        @if($errors->has('entry_low_salary'))
                            <span class="text-danger">{{ $errors->first('entry_low_salary') }}</span>
                        @endif
                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Entry Level Low Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_low_salary_bn'] ?? ''}}" placeholder="Enter Entry Level Low Salary (BN)" name="entry_low_salary_bn" autocomplete="off"/>
                        @if($errors->has('entry_low_salary_bn'))
                            <span class="text-danger">{{ $errors->first('entry_low_salary_bn') }}</span>
                        @endif
                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Entry Level Average Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_avg_salary'] ?? ''}}" placeholder="Enter Entry Level Average Salary (EN)" name="entry_avg_salary" autocomplete="off"/>
                        @if($errors->has('entry_avg_salary'))
                            <span class="text-danger">{{ $errors->first('entry_avg_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Entry Level Average Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_avg_salary_bn'] ?? ''}}" placeholder="Enter Entry Level Average Salary (BN)" name="entry_avg_salary_bn" autocomplete="off"/>
                        @if($errors->has('entry_avg_salary_bn'))
                            <span class="text-danger">{{ $errors->first('entry_avg_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Entry Level High Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_high_salary'] ?? ''}}" placeholder="Enter Entry Level High Salary (EN)" name="entry_high_salary" autocomplete="off"/>
                        @if($errors->has('entry_high_salary'))
                            <span class="text-danger">{{ $errors->first('entry_high_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Entry Level High Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['entry_high_salary_bn'] ?? ''}}" placeholder="Enter Entry Level High Salary (BN)" name="entry_high_salary_bn" autocomplete="off"/>
                        @if($errors->has('entry_high_salary_bn'))
                            <span class="text-danger">{{ $errors->first('entry_high_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Mid Level Low Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_low_salary'] ?? ''}}" placeholder="Enter Mid Level Low Salary (EN)" name="mid_low_salary" autocomplete="off"/>
                        @if($errors->has('mid_low_salary'))
                            <span class="text-danger">{{ $errors->first('mid_low_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Mid Level Low Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_low_salary_bn'] ?? ''}}" placeholder="Enter Mid Level Low Salary (BN)" name="mid_low_salary_bn" autocomplete="off"/>
                        @if($errors->has('mid_low_salary_bn'))
                            <span class="text-danger">{{ $errors->first('mid_low_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Mid Level Average Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_avg_salary'] ?? ''}}" placeholder="Enter Mid Level Average Salary (EN)" name="mid_avg_salary" autocomplete="off"/>
                        @if($errors->has('mid_avg_salary'))
                            <span class="text-danger">{{ $errors->first('mid_avg_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Mid Level Average Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_avg_salary_bn'] ?? ''}}" placeholder="Enter Mid Level Average Salary (BN)" name="mid_avg_salary_bn" autocomplete="off"/>
                        @if($errors->has('mid_avg_salary_bn'))
                            <span class="text-danger">{{ $errors->first('mid_avg_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">Mid Level High Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_high_salary'] ?? ''}}" placeholder="Enter Mid Level High Salary (EN)" name="mid_high_salary" autocomplete="off"/>
                        @if($errors->has('mid_high_salary'))
                            <span class="text-danger">{{ $errors->first('mid_high_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">Mid Level High Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['mid_high_salary_bn'] ?? ''}}" placeholder="Enter Mid Level High Salary (BN)" name="mid_high_salary_bn" autocomplete="off"/>
                        @if($errors->has('mid_high_salary_bn'))
                            <span class="text-danger">{{ $errors->first('mid_high_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">High Level Low Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_low_salary'] ?? ''}}" placeholder="Enter High Level Low Salary (EN)" name="high_low_salary" autocomplete="off"/>
                        @if($errors->has('high_low_salary'))
                            <span class="text-danger">{{ $errors->first('high_low_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">High Level Low Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_low_salary_bn'] ?? ''}}" placeholder="Enter High Level Low Salary (BN)" name="high_low_salary_bn" autocomplete="off"/>
                        @if($errors->has('high_low_salary_bn'))
                            <span class="text-danger">{{ $errors->first('high_low_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">High Level Average Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_avg_salary'] ?? ''}}" placeholder="Enter High Level Average Salary (EN)" name="high_avg_salary" autocomplete="off"/>
                        @if($errors->has('high_avg_salary'))
                            <span class="text-danger">{{ $errors->first('high_avg_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">High Level Average Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_avg_salary_bn'] ?? ''}}" placeholder="Enter High Level Average Salary (BN)" name="high_avg_salary_bn" autocomplete="off"/>
                        @if($errors->has('high_avg_salary_bn'))
                            <span class="text-danger">{{ $errors->first('high_avg_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class=" fs-5 fw-bold mb-2">High Level High Salary (EN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_high_salary'] ?? ''}}" placeholder="Enter High Level High Salary (EN)" name="high_high_salary" autocomplete="off"/>
                        @if($errors->has('high_high_salary'))
                            <span class="text-danger">{{ $errors->first('high_high_salary') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>
                    <div class="d-flex flex-column mb-5 fv-row">
                        <!--begin::Label-->
                        <label class="fs-5 fw-bold mb-2">High Level High Salary (BN)</label>
                        <!--end::Label-->
                        <!--begin::Input-->
                        <input type="text" class="form-control form-control-solid" value="{{$job_placement['high_high_salary_bn'] ?? ''}}" placeholder="Enter High Level High Salary (BN)" name="high_high_salary_bn" autocomplete="off"/>
                        @if($errors->has('high_high_salary_bn'))
                            <span class="text-danger">{{ $errors->first('high_high_salary_bn') }}</span>
                        @endif

                        <!--end::Input-->
                    </div>

                    <div class="d-flex">
                        <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                            <!--begin::Indicator-->
                            <span class="indicator-label">Update</span>
                        </button>
                    </div>
                </div>
                <div class="col-md-6">
                    <h2 style="margin-bottom: 15px;
                        font-size: 18px;
                        font-weight: 400;
                        text-decoration: underline;">
                        Company List:</h2>
                    @include('admin.institute-management.institute-profile.job-placement.itemsCard')
                </div>
            </div>

            <!--end::Submit-->
        </form>
    </div>
</div>
@endsection

@section('extra-extra-css')
<link rel="stylesheet" href="{{ asset('css/dropify.min.css') }}">
@endsection

@section('extra-extra-script')
    @section('extra-script-job-placement')
        @show
    <script src="{{ asset('js/dropify.min.js') }}"></script>
    <script src="{{ asset('js/jquery.validate.js') }}"></script>

    //validate form
    <script>

        var items = {{Js::from($job_placement_companies)}}
            let itemRules = {};
            let itemMessages = {};
            $.each(items,(i,item) => {
                const companyName = 'items[' + i + '][company_name]';

                itemRules[companyName] = 'required';
                itemMessages[companyName] = "Company name is required";
            })
        $(function() {
            $("form[name='institute']").validate({
                rules: {
                    // entry_low_salary: 'required',
                    // entry_avg_salary: 'required',
                    // entry_high_salary: 'required',
                    // mid_low_salary: 'required',
                    // mid_avg_salary: 'required',
                    // mid_high_salary: 'required',
                    // high_low_salary: 'required',
                    // high_avg_salary: 'required',
                    // high_high_salary: 'required',
                    ...itemRules
                },
                messages: {
                    entry_low_salary: "Entry level low salary is required.",
                    entry_avg_salary: 'Entry level avg. salary is required.',
                    entry_high_salary: 'Entry level high salary is required.',
                    mid_low_salary: 'Mid level low salary is required.',
                    mid_avg_salary: 'Mid level avg. salary is required.',
                    mid_high_salary: 'Mid level high salary is required.',
                    high_low_salary: 'High level low salary is required.',
                    high_avg_salary: 'High level avg. salary is required.',
                    high_high_salary: 'High level high salary is required.',

                    ...itemMessages
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            var drEvent = $('.icon').dropify();
            drEvent = drEvent.data('dropify');
        });
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-job-placement').addClass('active');
        });
    </script>
@endsection