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

<form method="post" action="{{ (isset($page->id) ? route('page.update',$page->id) : route('page.store'))  }}"
    name="frmaddedit" id="frmaddedit">
    <div class="row mx-0 mb-3">
        <div class="col-lg-6">
            <h1 class="page-title">{{ (isset($page->id) ? __('page.editpagetitle') : __('page.addpagetitle'))  }}</h1>
        </div>
        <div class="col-lg-6 d-flex justify-content-lg-end justify-content-center align-items-center">
            <div class="top-btn-box">
                <div class="top-btn-box d-flex">
                    <a tabindex="5" href="{{ route('page.index') }}" class="btn btn-sm btn-dark mr-1"><i
                            class="icon-close-icon top-icon"></i> <span>{{ __('common.cancel') }}</span></a>
                    <button tabindex="9" type="submit" class="btn btn-sm btn-primary mr-1" id="btnsave" name="btnsave"
                        value='save'><i class="icon-save_icon top-icon"></i>
                        <span>{{ __('common.save') }}</span></button>
                    <button tabindex="9" type="submit" class="btn btn-sm btn-primary mr-1" id="btnsave" name="btnsave"
                        value='savecontinue'><i class="icon-save_icon top-icon"></i>
                        <span>{{ __('common.savecontinue') }}</span></button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        @csrf
        @if(isset($page->id)) @method('PUT') @endif
        <div class="row">
            <div class="col-md-12">
                <h2>{{ __('page.page_content') }}</h2>
            </div>
            <div class="form-group col-md-6">
                <label for="title">{{ __('page.title') }}<span class="text-danger">*</span></label>
                <input id="title" type="text" class="form-control @error('title') is-invalid @enderror" name="title"
                    value="{{old('title',$page->title)}}">
                @error('title')
                <div class="errormessage">{{ $message }}</div>
                @enderror
            </div>
            @if(isset($page->id))
            <div class="form-group col-md-6">
                <label for="slug">{{ __('page.slug') }}</label>
                <input id="slug" type="text" class="form-control @error('slug') is-invalid @enderror" name="slug"
                    value="{{old('slug',$page->slug)}}" readonly>
                @error('slug')
                <div class="errormessage">{{ $message }}</div>
                @enderror
            </div>
            @endif
            <div class="form-group col-md-6">
                @component('admin.component.status_dropdown',['refModel'=>'page','status'=>
                $page->status,'required'=>false,'default'=>1] )
                @endcomponent
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="form-group col-md-12 align-items-center d-flex">
                        <label>{{ __('page.banner') }}</label>
                        <label class="switch ml-2">
                            @if (isset($page->banner))
                            {{ $banner_checked = 1 }}
                            @else
                            {{ $banner_checked  = old('has_banner') }}
                            @endif
                            <input type="checkbox" name="has_banner" data-show=".banner-section" value="1"
                                {{ $banner_checked  != '' ? 'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>
                    <div class="col-md-12 banner-section">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <label for="temp_banner">{{ __('page.banner') }}<span
                                                class="text-danger">*</span></label>
                                        <input type="file" data-size="20" class="dropify image-upload"
                                            name="temp_banner" data-folder="banner"
                                            {{ old('banner',$page->banner) != '' ? 'data-default-file='.getImageUrl(old('banner',$page->banner),'banner') : '' }}>
                                        <div><small>{{ getImageRecommendedSize('banner') }}</small></div>
                                        <input name="banner" type="hidden" value="{{old('banner',$page->banner)}}">
                                        <div id="error_banner"
                                            class="errormessage  @error('banner') @else{{  'd-none'  }} @enderror">
                                            @error('banner'){{ $message }}@enderror</div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="banner_alt">{{ __('page.banner_alt') }}</label>
                                        <input id="banner_alt" type="text"
                                            class="form-control @error('banner_alt') is-invalid @enderror"
                                            name="banner_alt" value="{{old('banner_alt',$page->banner_alt)}}">
                                        @error('banner_alt')
                                        <div class="errormessage">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-12">
                                <label for="banner_content">{{ __('page.banner_content') }}</label>
                                <textarea id="banner_content"
                                    class="tinymce form-control @error('banner_content') is-invalid @enderror"
                                    name="banner_content"
                                    rows="20">{{old('banner_content',$page->banner_content)}}</textarea>
                                @error('banner_content')
                                <div class="errormessage">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group col-md-12">
                <label for="description">{{ __('page.description') }}<span class="text-danger">*</span></label>
                <textarea id="description" class="tinymce form-control @error('description') is-invalid @enderror"
                    name="description" rows="20">{{old('description',$page->description)}}</textarea>
                @error('description')
                <div class="errormessage">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-12">
                <h2>{{ __('page.seo') }}</h2>
            </div>
            <div class="form-group col-md-6">
                <label for="meta_title">{{ __('page.meta_title') }}<span class="text-danger">*</span></label>
                <input id="meta_title" type="text" class="form-control @error('meta_title') is-invalid @enderror"
                    name="meta_title" value="{{old('meta_title',$page->meta_title)}}">
                @error('meta_title')
                <div class="errormessage">{{ $message }}</div>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="meta_desc">{{ __('page.meta_desc') }}<span class="text-danger">*</span></label>
                <textarea id="meta_desc" class="form-control @error('meta_desc') is-invalid @enderror" name="meta_desc"
                    rows="5">{{old('meta_desc',$page->meta_desc)}}</textarea>
                @error('meta_desc')
                <div class="errormessage">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>
</form>
@endsection