@extends('admin/course-management/course-details/index')

@section('main-content-tab')
<form enctype="multipart/form-data" action="{{route('job-placement', ['institute_slug' => $institute_slug, 'course_slug' => $course_slug])}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form">
    @csrf
    <h1 class="fw-bolder text-dark mb-9">Update Job Placement Information</h1>
    <input type="hidden" name="id" value="{{$job_placement ? $job_placement['id'] : ''}}">
    <!--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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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="number" 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.course-management.course-details.job-placement.itemsCard')
            </div>
    </div>

</form>
@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>
@endsection