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

@section('main-content-tab')
<form action="{{route('tab-menu', ['institute_slug' => $institute_slug, 'course_slug' => $course_slug])}}" class="form mb-15" name="institute" method="POST" id="kt_contact_form">
    @csrf
    <h1 class="fw-bolder text-dark mb-9">Update Tab Menu</h1>
    @foreach($menus as $key => $menu)
        <div class="row mb-5">
            <input type="hidden" name="items[{{$key}}][id]" value="{{count($menu->courseMenus) > 0 ? $menu->courseMenus[0]['id'] : ''}}">
            <input type="hidden" name="items[{{$key}}][menu_id]" value="{{$menu->id}}">
            <div class="col-md-4 mb-2">
{{--                {{ dd($institute->instituteBasic->institute_type) }}--}}
                @if($institute->instituteBasic->institute_type == 2 && $menu->title == 'Faculty')
                    <label class="required fs-5 fw-bold mb-2">Instructors</label>
                @elseif($institute->instituteBasic->institute_type == 2 && $menu->title == 'How to Join')
                    <label class="required fs-5 fw-bold mb-2">Who can join</label>
                @elseif($institute->instituteBasic->institute_type == 2 && $menu->title == 'Tution Fees')
                    <label class="required fs-5 fw-bold mb-2">Course fee</label>
                @else
                    <label class="required fs-5 fw-bold mb-2">{{$menu->title}}</label>
                @endif
            </div>
            <div class="col-md-8 mb-2">
            </div>
            <div class="col-md-4">
                <input type="text" class="form-control form-control-solid" value="{{count($menu->courseMenus) > 0 ? $menu->courseMenus[0]['value'] : ''}}" placeholder="Enter {{$menu->title}} Title (EN) *" name="items[{{$key}}][value]" autocomplete="off"/>
                @if($errors->has('items.'.$key.'.value'))
                    <span class="text-danger">{{ $errors->first('items.'.$key.'.value') }}</span>
                @endif
            </div>
            <div class="col-md-4">
                <input type="text" class="form-control form-control-solid" value="{{count($menu->courseMenus) > 0 ? $menu->courseMenus[0]['value_bn'] : ''}}" placeholder="Enter {{$menu->title}} Title (BN)" name="items[{{$key}}][value_bn]" autocomplete="off"/>
                @if($errors->has('items.'.$key.'.value_bn'))
                    <span class="text-danger">{{ $errors->first('items.'.$key.'.value_bn') }}</span>
                @endif
            </div>
            <div class="col-md-3">
                <input type="number" class="form-control form-control-solid" value="{{count($menu->courseMenus) > 0 ? $menu->courseMenus[0]['sort'] : ''}}" placeholder="Enter {{$menu->title}} Sort Order *" name="items[{{$key}}][sort]" autocomplete="off"/>
                @if($errors->has('items.'.$key.'.sort'))
                    <span class="text-danger">{{ $errors->first('items.'.$key.'.sort') }}</span>
                @endif
            </div>
            @if($key == 0)
                <div class="col-md-1 d-flex">
                    <label class="form-check form-switch form-check-custom form-check-solid">
                        <input class="form-check-input radio-btn" name="items[{{$key}}][status]" type="checkbox" disabled value="1" checked />
                    </label>
                </div>
            @else
                <div class="col-md-1 d-flex">
                    <label class="form-check form-switch form-check-custom form-check-solid">
                        <input class="form-check-input radio-btn" name="items[{{$key}}][status]" type="checkbox" value="1" {{count($menu->courseMenus) > 0 ? ($menu->courseMenus[0]['status'] == 0 ? '' : 'checked') : ''}} />
                    </label>
                </div>
            @endif

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

@section('extra-extra-script')
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    //validate form
    <script>
        var items = {{Js::from($menus)}}
        let itemRules = {};
        let itemMessages = {};
        $.each(items,(i,item) => {
            const title = 'items[' + i + '][value]';
            const sort = 'items[' + i + '][sort]';

            itemRules[title] = 'required';
            itemRules[sort] = 'required';

            itemMessages[title] = "Title is required";
            itemMessages[sort] = "Sort is required";
        })
        $(function() {
            $("form[name='institute']").validate({
                rules: {
                    ...itemRules
                },
                messages: {
                    ...itemMessages
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>
@endsection