@php
use Illuminate\Support\Arr;
use App\Models\Admin\Settings;
use App\Models\Admin\CurriculumCustomField;
@endphp

@extends('layouts.adminlayout')
@section('content')
<div class="header bg-primary pb-6">
    <div class="container-fluid">
        <div class="header-body">
            <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                    <h6 class="h2 text-white d-inline-block mb-0">Manage Pages</h6>
                </div>
                <div class="col-lg-6 col-5 text-right">
                    {{-- <a href="{{ route('admin.pages') }}" class="btn btn-neutral"><i class="ni ni-bold-left"></i> Back</a> --}}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <form method="post" action="{{ route('admin.curriculum.middleAndSecondary') }}" class="form-validation">
                <div class="card">
                    <!--!! FLAST MESSAGES !!-->
                    @include('admin.partials.flash_messages')
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Middle And Secondary</h3>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        {{ @csrf_field() }}
                        <h6 class="heading-small text-muted mb-4">Breadcrumb Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="40" name="title" required placeholder="Title" value="">
                                        <small>Maximum Character : 40</small>
                                        @error('title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>  
                            </div>
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="form-group">
                                        <div 
                                        class="upload-image-section"
                                        data-type="image"
                                        data-multiple="false"
                                        data-path="homepage"
                                        data-resize-large="1540*600"
                                        data-resize-medium="1440*190"
                                        data-resize-small="1340*180"
                                        >
                                            <div class="upload-section">
                                                <div class="button-ref mb-3">
                                                    <button class="btn btn-icon btn-primary btn-lg" type="button">
                                                        <span class="btn-inner--icon"><i class="fas fa-upload"></i></span>
                                                        <span class="btn-inner--text">Upload Image</span>
                                                    </button>
                                                    @include('admin.partials.recommended_size', ['width' => '1440', 'height' => "190 px"])
                                                </div>
                                                <div class="progress d-none">
                                                    <div class="progress-bar bg-default" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemaxLength="100" style="width: 0%;"></div>
                                                </div>
                                            </div>
                                            <textarea class="d-none" name="image"></textarea>
                                            <div class="show-section {{ !old('image') ? 'd-none' : "" }}">
                                                @include('admin.partials.previewFileRender', ['file' => old('image') ])
                                            </div>
                                            <div class="fixed-edit-section">
                                                @include('admin.partials.previewFileRender', ['file' => $page->image, 'relationType' => 'curriculum.image', 'relationId' => $page->id ])
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
               
                {{-- Scholastic Area Section --}}
                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Scholastic Area Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Scholastic Title</label>
                                        <input type="text" class="form-control" maxlength="60" name="name[scholastic_area_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('scholastic_area_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('name.scholastic_area_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Description</label>
                                        <textarea id="editor1" class="form-control" required placeholder="Description" name="name[scholastic_area_description]">{{ CurriculumCustomField::get('scholastic_area_description',$page->id) }}</textarea>
                                        
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

                {{-- Co-Scholastic Area Section --}}
                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Co-Scholastic Area Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="60" name="name[co_scholastic_area_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('co_scholastic_area_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('name.co_scholastic_area_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Description</label>
                                        <textarea class="form-control editor1" required placeholder="Description" name="name[co_scholastic_area_description]">{{ CurriculumCustomField::get('co_scholastic_area_description',$page->id) }}</textarea>
                                        
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Assessment : Class (V-IX) Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="60" name="name[assessment_v_ix_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('assessment_v_ix_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('name.assessment_v_ix_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Description</label>
                                        <textarea class="form-control editor2" required placeholder="Description" name="name[assessment_v_ix_description]">{{ CurriculumCustomField::get('assessment_v_ix_description',$page->id) }}</textarea>
                                        
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Class V TO IX Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="60" name="name[class_v_to_ix_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('class_v_to_ix_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('name.class_v_to_ix_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Description</label>
                                        <textarea class="form-control editor3" required placeholder="Description" name="name[class_v_to_ix_description]">{{ CurriculumCustomField::get('class_v_to_ix_description',$page->id) }}</textarea>
                                        
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Discipline Section</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="60" name="name[discipline_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('discipline_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('name.discipline_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Description</label>
                                        <textarea class="form-control" rows="4" required placeholder="Description" maxlength="500" name="name[discipline_description]">{{ CurriculumCustomField::get('discipline_description',$page->id) }}</textarea>
                                        <small>Maximum Character : 500</small>
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>   

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Grading System Title</h6>
                        <div class="pl-lg-4">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label class="form-control-label" for="input-first-name">Title</label>
                                        <input type="text" class="form-control" maxlength="30" name="name[grading_system_title]" required placeholder="Title" value="{{ CurriculumCustomField::get('grading_system_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 30</small>
                                        @error('name.grading_system_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>              

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Grading System</h6>
                        <div class="pl-lg-4">
                            <h6 class="heading-small text-muted mb-4">Class : V - VIII</h6>                     
                            <div class="form-group">
                                <label class="form-control-label" for="input-title">Main Title</label>
                                <input type="text" class="form-control" maxlength="25" name="name[class_v_viii_title]" placeholder="Class : V - VIII" value="{{CurriculumCustomField::get('class_v_viii_title',$page->id)}}" required>
                                @error('class_v_viii_title')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="append_addons_html grading_system">
                                <div class="add_addons_with_options">
                                    <div class="add_addons_dashed">
                                        <label class="form-control-label" for="input-title">Menu items <span class="text-danger">*</span></label>
                                        <div class="add_menu_options_fields">
                                            @php 
                                                $section2 =  json_decode(CurriculumCustomField::get('class_v_viii',$page->id), true);
                                            @endphp
                                            @if(isset($section2) && $section2)
                                            @foreach($section2 as $k => $p)
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_v_viii][{{ $k }}][class_mark_range]" value="{{$p['class_mark_range']}}" placeholder="Marks Range" required="">
                                                            <label id="name[class_v_viii][{{ $k }}][class_mark_range]-error" for="name[class_v_viii][{{ $k }}][class_mark_range]"class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_v_viii][{{ $k }}][class_grade]" value="{{$p['class_grade']}}" placeholder="Grade" required="">
                                                            <label id="name[class_v_viii][{{ $k }}][class_grade]-error" for="name[class_v_viii][{{ $k }}][class_grade]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endforeach
                                            @else
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_v_viii][0][class_mark_range]" value="" placeholder="Marks Range" required="">
                                                            <label id="name[class_v_viii][0][class_mark_range]-error" for="name[class_v_viii][0][class_mark_range]" class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_v_viii][0][class_grade]" value="" placeholder="Grade" required="">
                                                            <label id="name[class_v_viii][0][class_grade]-error" for="name[class_v_viii][0][class_grade]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Grading System</h6>
                        <div class="pl-lg-4">
                            <h6 class="heading-small text-muted mb-4">Class : IX</h6>                     
                            <div class="form-group">
                                <label class="form-control-label" for="input-title">Main Title</label>
                                <input type="text" class="form-control" maxlength="25" name="name[class_ix_title]" placeholder="Class : IX" value="{{CurriculumCustomField::get('class_ix_title',$page->id)}}" required>
                                @error('class_ix_title')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="append_addons_html grading_system_ix">
                                <div class="add_addons_with_options">
                                    <div class="add_addons_dashed">
                                        <label class="form-control-label" for="input-title">Menu items <span class="text-danger">*</span></label>
                                        <div class="add_menu_options_fields">
                                            @php 
                                                $section2 =  json_decode(CurriculumCustomField::get('class_ix',$page->id), true);
                                            @endphp
                                            @if(isset($section2) && $section2)
                                            @foreach($section2 as $k => $p)
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_ix][{{ $k }}][classix_mark_range]" value="{{$p['classix_mark_range']}}" placeholder="Marks Range" required="">
                                                            <label id="name[class_ix][{{ $k }}][classix_mark_range]-error" for="name[class_ix][{{ $k }}][classix_mark_range]"class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_ix][{{ $k }}][classix_grade]" value="{{$p['classix_grade']}}" placeholder="Grade" required="">
                                                            <label id="name[class_ix][{{ $k }}][classix_grade]-error" for="name[class_ix][{{ $k }}][classix_grade]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endforeach
                                            @else
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_ix][0][classix_mark_range]" value="" placeholder="Marks Range" required="">
                                                            <label id="name[class_ix][0][classix_mark_range]-error" for="name[class_ix][0][classix_mark_range]" class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[class_ix][0][classix_grade]" value="" placeholder="Grade" required="">
                                                            <label id="name[class_ix][0][classix_grade]-error" for="name[class_ix][0][classix_grade]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body" id="mybuttonR">
                        {{-- <hr class="my-4" /> --}}
                        <button href="#" class="btn btn-sm py-2 px-3 btn-primary float-right">
                            <i class="fa fa-save"></i> Submit
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection