@extends($activeTemplate.'layouts.frontend')
@section('content')

@php
if ($job->instruction){
    $instruction = $job->instruction;
} else{
    $instruction = "
    <ul style='list-style-type:disc;'>
        <li><font face='Nikosh'>
            পরীক্ষার দিন পরীক্ষার্থীকে অবশ্যই এই প্রবেশপত্র সঙ্গে আনতে হবে এবং কর্তব্যরত প্রত্যবেক্ষককে তা প্রদর্শন করতে হবে।
        </font></li>
        <li><font face='Nikosh'>
            পরীক্ষার্থীকে কালো কালির কলম সঙ্গে আনতে হবে। কোনোক্রমেই পেন্সিল ব্যবহার করা যাবে না।
        </font></li>
        <li><font face='Nikosh'>
            পরীক্ষা কক্ষে ব্যাগ, বই-পুস্তক, মোবাইল ফোন, ক্যালকুলেটর, হাতঘড়ি, ডিজিটাল ঘড়ি বা যোগাযোগের জন্য ব্যবহৃত যে কোনো প্রকার ইলেক্ট্রনিক্স ডিভাইস আনা ও ব্যবহার করা যাবে না।
        </font></li>
        <li><font face='Nikosh'>
            প্রবেশপত্রে সংযুক্ত ছবির সাথে পরীক্ষার্থীর চেহারা/মুখাবয়ব এর মিল পরীক্ষা করা হবে।
        </font></li>
        <li><font face='Nikosh'>
            পরীক্ষা শুরু হওয়ার পরে অর্থাৎ প্রশ্নপত্র প্রদানের পরে কোনো পরীক্ষার্থীকে পরীক্ষা কক্ষে প্রবেশ করতে দেওয়া হবে না। পরীক্ষা শুরুর ৩০ মিনিটের মধ্যে কোনো পরীক্ষার্থী পরীক্ষা কক্ষ ত্যাগ বা উত্তরপত্র জমা দিতে পারবে না।
        </font></li>
        <li><font face='Nikosh'>
            আবেদনপত্র, উপস্থিতি তালিকা ও অন্যান্য কাগজপত্রে পরীক্ষার্থীর স্বাক্ষর একই হওয়া বাঞ্ছনীয়।
        </font></li>
        <li><font face='Nikosh'>
            পরীক্ষা কক্ষে কোনো প্রকার অসদুপায় অবলম্বন বা অশোভন আচরণের অভিযোগে সংশ্লিষ্ট প্রার্থীর বিরুদ্ধে যে কোনো প্রকার শাস্তিমূলক ব্যবস্থা গ্রহণের ক্ষমতা কর্তৃপক্ষ সংরক্ষণ করেন।
        </font></li>
        <li><font face='Nikosh'>
            মৌখিক পরীক্ষা গ্রহণের সময় প্রার্থীকে অবশ্যই জাতীয় পরিচয়পত্র ও শিক্ষাগত যোগ্যতার সনদসহ প্রয়োজনীয় সকল সনদের মূলকপি সঙ্গে আনতে হবে।
        </font></li>
        <li><font face='Nikosh'>
            সকল বিষয়ে কর্তৃপক্ষের সিদ্ধান্তই চূড়ান্ত বলে গণ্য হবে।
        </font></li>
        <li><font face='Nikosh'>
            পরীক্ষায় অংশগ্রহণের জন্য কোনো টিএ/ডিএ প্রদান করা হবে না।
        </font></li>
        <li><font face='Nikosh'>
            সরকার কর্তৃক ঘোষিত স্বাস্থ্যবিধি মেনে পরীক্ষায় অংশগ্রহণ করতে হবে।
        </font></li>
    </ul>";
}
$signatory_name = $job->signatory_name ? $job->signatory_name : "ড. মোহাম্মদ হারুন-অর-রশিদ";
$signatory_designation = $job->signatory_designation ? $job->signatory_designation : "রেজিস্ট্রার";
@endphp

<div class="pt-50 pb-50 section--bg">
    <div class="container">
        <div class="row justify-content-center gy-4">
            @include($activeTemplate . 'partials.employer_sidebar')
            <div class="col-xl-9 ps-xl-4">
                <form action="{{ route('employer.job.admit.store', $job->id) }}" method="POST" enctype="multipart/form-data" class="edit-profile-form">
                    @csrf
                    <div class="custom--card">
                        <div class="card-header bg--dark">
                            <h5 class="text-white">@lang('Generate Admit Card for the post of ') {{$job->title}}</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-12 form-group">
                                    <label>@lang('Exam Center')</label>
                                    <input type="text" name="exam_center" class="form--control" required value="{{ $job->exam_center }}">
                                </div>
                                <div class="col-lg-12 form-group">
                                    <label>@lang('Exam date & time')</label>
                                    <input type="text" name="exam_time" class="form--control" required value="{{ $job->exam_date_time }}">
                                </div>
                                
                                <div class="col-lg-12 form-group">
                                    <label>@lang('Instructions')</label>
                                    <textarea class="form--control nicEdit" name="instruction" style="height: 100px;" required>@php echo $instruction @endphp</textarea>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <button type="submit" class="btn btn--base w-100">
                            <i class="lab la-telegram-plane"></i>@lang('Generate Admit Card')
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('script-lib')
<script src="{{ asset('assets/global/js/nicEdit.js') }}"></script>
<script src="{{ asset('assets/global/js/datepicker.min.js') }}"></script>
<script src="{{ asset('assets/global/js/datepicker.en.js') }}"></script>
@endpush

@push('style-lib')
    <link rel="stylesheet" href="{{asset('assets/global/css/datepicker.min.css')}}">
@endpush

@push('script')
    <script>
        "use strict";
        (function ($) {
            bkLib.onDomLoaded(function () {
                $(".nicEdit").each(function (index) {
                    $(this).attr("id", "nicEditor" + index);
                    new nicEditor({
                        fullPanel: true
                    }).panelInstance('nicEditor' + index, {
                        hasPanel: true
                    });
                });
            });

        function changeCity(locationId=0){
            var locations = $('select[name=city] :selected').data('locations');
            var html = `<option selected disabled value="">@lang('Select One')</option>`;
            locations.forEach(function myFunction(item, index) {
                html += `<option value="${item.id}" ${parseInt(item.id) == parseInt(locationId)  ? 'selected' : ''}>${item.name}</option>`;
            });
            $('select[name=location]').html(html);
        }

        $('select[name=city]').on('change', function () {
            changeCity();
        });

        @if(old('location'))
            changeCity("{{ old('location') }}");
        @endif

        $('#salary_type').on('change', function () {
            var value = $('#salary_type').val();
            if (value == 2) {
                var html = `
                <div class="col-lg-6">
                        <div class="form-group">
                            <label for="salary_from" class="required">@lang('Salary From')</label>
                                <div class="input-group">
                                <input id="salary_from" type="number" step="any" class="form--control" name="salary_from" required>
                                <span class="input-group-text">{{ __($general->cur_text) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="salary_to" class="required">@lang('Salary To')</label>
                            <div class="input-group">
                                <input id="salary_to" type="number" step="any" class="form--control" name="salary_to"  required>
                                <span class="input-group-text">{{ __($general->cur_text) }}</span>
                            </div>
                        </div>
                </div>`;
                $(".addSalaryField").append(html);
            } else {
                $(".addSalaryField").empty();
            }
        });

        $('.deadline').datepicker({
            language: 'en',
            dateFormat: 'dd-mm-yyyy',
            minDate: new Date(),
        });
        })(jQuery);
    </script>
@endpush