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

@section('main-content-tab')
<form action="{{route('career.store', ['institute_slug' => $institute_slug, 'course_slug' => $course_slug])}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form" enctype="multipart/form-data">
    @csrf
    <h1 class="fw-bolder text-dark mb-9">Add Career Item</h1>
    <!--begin::Input group-->
    <div class="row mb-3">
    <!--begin::Col-->
        <div class="col-md-6 pe-lg-10">
            <!--begin::Form-->
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="required fs-5 fw-bold mb-2">Title (EN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Title (EN)" value="{{old('title')}}" name="title" autocomplete="off"/>
                @if($errors->has('title'))
                    <span class="text-danger">{{ $errors->first('title') }}</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">Title (BN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Title (BN)" value="{{old('title_bn')}}" name="title_bn" autocomplete="off"/>
                @if($errors->has('title_bn'))
                    <span class="text-danger">{{ $errors->first('title_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">Sub Title (EN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Sub Title (EN)" value="{{old('sub_title')}}" name="sub_title" autocomplete="off"/>
                @if($errors->has('sub_title'))
                    <span class="text-danger">{{ $errors->first('sub_title') }}</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">Sub Title (BN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Sub Title (BN)" value="{{old('sub_title_bn')}}" name="sub_title_bn" autocomplete="off"/>
                @if($errors->has('sub_title_bn'))
                    <span class="text-danger">{{ $errors->first('sub_title_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">Amount (EN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Amount (EN)" value="{{old('amount')}}" name="amount" autocomplete="off"/>
                @if($errors->has('amount'))
                    <span class="text-danger">{{ $errors->first('amount') }}</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">Amount (BN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" placeholder="Enter Amount (BN)" value="{{old('amount_bn')}}" name="amount_bn" autocomplete="off"/>
                @if($errors->has('amount_bn'))
                    <span class="text-danger">{{ $errors->first('amount_bn') }}</span>
                @endif

                <!--end::Input-->
            </div>
            <div class="d-flex mb-5 fv-row">
                <label class="form-check form-switch form-check-custom form-check-solid">
                    <span class="required form-check-label fw-bold text-muted" style="margin-right: 10px;margin-left: 0px;">Status</span>
                    <input class="form-check-input radio-btn" name="status" type="checkbox" value="{{old('status', 1)}}" checked="checked" />
                </label>
                <!--end::Switch-->
            </div>
            <div class="d-flex">
                <a style="margin-right:5px;" href="{{route('career.index', ['institute_slug' => $institute_slug, 'course_slug' => $course_slug])}}" class="btn btn-secondary">Back</a>
                <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                    <!--begin::Indicator-->
                    <span class="indicator-label">Add</span>
                </button>
            </div>
            <!--end::Form-->
        </div>
    </div>

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

@section('extra-extra-css')
@endsection


@section('extra-extra-script')
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    //validate form
    <script>
        $(function() {
            $("form[name='institute']").validate({
                rules: {
                    title:'required',
                    // sub_title:'required',
                    // amount: 'required',
                },
                messages: {
                    title: "Title is required.",
                    sub_title: "Sub title is required.",
                    amount: "Amount is required.",
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>
@endsection