@php
    use Illuminate\Support\Arr;
    use App\Models\Admin\Settings;
    use App\Models\Admin\PageCustomField;
@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>
		</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.pages.admissionProcess') }}" 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">Admission Process Manage</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="35" name="title" required placeholder="Title" value="">
                                        <small>Maximum Character : 35</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*200"
                                        data-resize-medium="1440*206"
                                        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' => 'pages.image', 'relationId' => $page->id ])
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Section 2</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[section_two_title]" required placeholder="Title" value="{{ PageCustomField::get('section_two_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 60</small>
                                        @error('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 rows="4" class="form-control editor1" maxlength="330" required placeholder="Description" name="name[section_two_description]">{{ PageCustomField::get('section_two_description',$page->id) }}</textarea>
                                        <small class="lengh-class">Maximum Character : 330</small>
                                        @error('description')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <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="740*520"
                                        data-resize-medium="640*420"
                                        data-resize-small="540*320"
                                        >
                                            <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' => '637', 'height' => "464 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="name[section_two_image]"></textarea>
                                            <div class="show-section {{ !old('name[section_two_image]') ? 'd-none' : "" }}">
                                                @include('admin.partials.previewFileRender', ['file' => old('name[section_two_image]') ])
                                            </div>
                                            <div class="fixed-edit-section">
                                                @include('admin.partials.previewFileRender', ['file' => PageCustomField::get('section_two_image',$page->id), 'relationType' => 'page_custom_field.section_two_image', 'relationId' => $page->id ])
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Section 3</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="35" name="name[section_three_title]" required placeholder="Title" value="{{ PageCustomField::get('section_three_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 35</small>
                                        @error('name.section_three_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" maxlength="1000" required placeholder="Description" name="name[section_three_description]">{{ PageCustomField::get('section_three_description',$page->id) }}</textarea>
                                        <small class="lengh-class">Maximum Character : 1000</small>
                                        @error('description')
                                        <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="740*548"
                                        data-resize-medium="640*448"
                                        data-resize-small="540*348"
                                        >
                                            <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' => '637', 'height' => "464 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="name[section_three_image]"></textarea>
                                            <div class="show-section {{ !old('name[section_three_image]') ? 'd-none' : "" }}">
                                                @include('admin.partials.previewFileRender', ['file' => old('name[section_three_image]') ])
                                            </div>
                                            <div class="fixed-edit-section">
                                                @include('admin.partials.previewFileRender', ['file' => PageCustomField::get('section_three_image',$page->id), 'relationType' => 'page_custom_field.section_three_image', 'relationId' => $page->id ])
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

                <div class="card">
                    <div class="card-body">
                        <h6 class="heading-small text-muted mb-4">Section 4</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="35" name="name[section_four_title]" required placeholder="Title" value="{{ PageCustomField::get('section_four_title',$page->id) }}">
                                        <small class="lengh-class">Maximum Character : 35</small>
                                        @error('name.section_four_title')
                                        <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
									<div class="form-group">
										<label class="form-control-label" for="input-first-name">Enroll Now Button Text</label>
										<input type="text" class="form-control" maxlength="15" name="button_text" placeholder="Enroll Now Button Text" value="">
										<small>Maximum Character : 15</small>
										@error('button_text')
										<small class="text-danger">{{ $message }}</small>
										@enderror
									</div>
								</div>	
								<div class="col-lg-6">
									<div class="form-group">
										<label class="form-control-label" for="input-first-name">Enroll Now Button Link</label>
										<input type="text" class="form-control" name="button_link" placeholder="Enroll Now Button Link" value="">
										@error('button_link')
										<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="737*574"
                                        data-resize-medium="637*464"
                                        data-resize-small="537*364"
                                        >
                                            <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' => '637', 'height' => "464 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="name[section_four_image]"></textarea>
                                            <div class="show-section {{ !old('name[section_four_image]') ? 'd-none' : "" }}">
                                                @include('admin.partials.previewFileRender', ['file' => old('name[section_four_image]') ])
                                            </div>
                                            <div class="fixed-edit-section">
                                                @include('admin.partials.previewFileRender', ['file' => PageCustomField::get('section_four_image',$page->id), 'relationType' => 'page_custom_field.section_four_image', 'relationId' => $page->id ])
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </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