@extends('admin.layouts.app')
@section('content')

@if(isset($page))

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Edit {{ $page->title }} </h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">
                <form action="{{ route('admin.page.update', $page->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="preview-block">
                        <div class="row gy-4">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Page Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="title" class="form-control" id="" placeholder="Enter Title" value="{{ $page->title }}">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Page Type</label>
                                    <div class="form-control-wrap">
                                        <select class="form-control form-select select2" name="type">
                                            @foreach($types as $type)
                                             <option value="{{ $type }}" {{ $page->is_home == $type ? 'selected' : '' }} >{{ $type }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="banner" multiple="" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                        @if($page->banner)
                                        <img src="{{asset($page->banner)}}" style="width: 100%;
                                        object-fit: cover;
                                        min-height: 200px;
                                        max-height: 200px;">
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Banner Heading</label>
                                    <input type="text" name="banner_heading" class="form-control" value="{{ $page->banner_heading }}">
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Banner Text</label>
                                    <input type="text" name="banner_text" class="form-control" value="{{ $page->banner_text }}">
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 1 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_1_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>

                                        @if($page->section_1_banner)
                                        <img src="{{asset($page->section_1_banner)}}" style="width: 100%;
                                        object-fit: cover;
                                        min-height: 200px;
                                        max-height: 200px;">
                                        @endif
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_title" class="form-control" placeholder="enter title for section 1" value="{{ $page->section_1_title }}">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_heading" class="form-control" placeholder="enter heading for section 1" value="{{ $page->section_1_heading }}">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_text" class="form-control" placeholder="enter text for section 1" value="{{ $page->section_1_text }}">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 2 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_2_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>

                                        @if($page->section_2_banner)
                                        <img src="{{asset($page->section_2_banner)}}" style="width: 100%;
                                        object-fit: cover;
                                        min-height: 200px;
                                        max-height: 200px;">
                                        @endif
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_title" class="form-control" placeholder="enter title for section 2" value="{{ $page->section_2_title }}">
                                    </div>
                                </div>
                            </div>
                            
                                                        <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_heading" class="form-control" placeholder="enter heading for section 2" value="{{ $page->section_2_heading }}">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_text" class="form-control" placeholder="enter text for section 2" value="{{ $page->section_2_text }}">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 3 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_3_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>

                                        @if($page->section_3_banner)
                                        <img src="{{asset($page->section_3_banner)}}" style="width: 100%;
                                        object-fit: cover;
                                        min-height: 200px;
                                        max-height: 200px;">
                                        @endif
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_title" class="form-control" placeholder="Enter title for section 3" value="{{ $page->section_3_title }}">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_heading" class="form-control" placeholder="enter heading for section 3" value="{{ $page->section_3_heading }}">
                                    </div>
                                </div>
                            </div>
                            
                                                        <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_text" class="form-control"  placeholder="enter text for section 3" value="{{ $page->section_3_text }}">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Status</label>
                                    <div class="form-control-wrap">
                                        <select class="form-control form-select select2" name="status">
                                            @foreach($enumValues as $status)
                                            <option value="{{ $status }}" {{ ( $page->status == $status ) ? 'selected' : '' }}>{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                           
                            <div class="col-12">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-outline-primary">UPDATE</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->

@else

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Add Page </h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">
                <form action="{{ route('admin.page.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="preview-block">
                        <div class="row gy-4">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Page Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="title" class="form-control" id="" placeholder="Enter Title">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Page Type</label>
                                    <div class="form-control-wrap">
                                        <select class="form-control form-select select2" name="type">
                                            @foreach($types as $type)
                                             <option value="{{ $type }}">{{ $type }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="banner" multiple="" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Banner Heading</label>
                                    <input type="text" name="banner_heading" class="form-control">
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Banner Text</label>
                                    <input type="text" name="banner_text" class="form-control">
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 1 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_1_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_title" class="form-control" placeholder="enter title for section 1">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_heading" class="form-control" placeholder="enter heading for section 1">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 1 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_1_text" class="form-control" placeholder="enter text for section 1">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 2 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_2_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_title" class="form-control" placeholder="enter title for section 2">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_heading" class="form-control" placeholder="enter heading for section 2">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 2 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_2_text" class="form-control" placeholder="enter text for section 2">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-06">Section 3 Banner</label>
                                    <div class="form-control-wrap">
                                        <div class="custom-file">
                                            <input type="file" name="section_3_banner" class="custom-file-input">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Title</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_title" class="form-control" placeholder="Enter title for section 3">
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Heading</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_heading" class="form-control" placeholder="enter heading for section 3">
                                    </div>
                                </div>
                            </div>
                            
                                                        <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="form-label" for="default-01">Section 3 Text</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="section_3_text" class="form-control"  placeholder="enter text for section 3">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Status</label>
                                    <div class="form-control-wrap">
                                        <select class="form-control form-select select2" name="status">
                                            @foreach($enumValues as $status)
                                            <option value="{{ $status }}">{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                           
                            <div class="col-12">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-outline-primary">Submit</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->

@endif

@section('scripts')



@endsection


@endsection