@extends('index')
@section('title', Helper::getSiteTitle($title))

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ __('Storefront') }}</a></li>
                    <li class="breadcrumb-item active">{{ __($title) }}</li>
                </ol>
            </div>
            <h4 class="page-title">{{ __($title) }}</h4>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <form class="submit-form" action="{{ route('storefront-pages-edit-page-details', [$page->id]) }}" method="post">
                <div class="row">
                    <div class="display-messages">
                        @if($errors->any())
                        <div class="alert alert-danger" role="alert">
                            @foreach ($errors->all() as $error)
                                {!! $error !!}<br>
                            @endforeach
                        </div>
                        @elseif(session('message'))
                        <div class="alert alert-success" role="alert">
                            {!! session('message') !!}
                        </div>
                        @endif
                    </div>

                    <div class="col-lg-6">
                        {{ csrf_field() }}

                        <div class="form-group">
                            <label for="projectname">{{ __('Title') }}</label>
                            <input type="text" id="projectname" class="form-control storefront-page-title" placeholder="{{ __('Add Title') }}" name="title" value="{{ Helper::getInputValue('title', $page->title) }}" required="">
                        </div>

                        <div class="form-group">
                            @if($page->home_page)
                                <label for="projectname">{{ __('URL Slug') }} <a href="{{ config('app.main_site') }}" target="_blank">Open</a></label>
                            @else
                                <label for="projectname">{{ __('URL Slug') }} <a href="{{ config('app.main_site') }}/{{ $page->slug }}" target="_blank">Open</a></label>
                            @endif
                            <input type="text" id="projectname" class="form-control storefront-page-slug" placeholder="{{ __('URL Slug') }}" name="slug" value="{{ Helper::getInputValue('slug', $page->slug) }}" required="">
                        </div>

                        <div class="form-group">
                            <label for="projectname">Form Action</label>
                            <input type="text" id="projectname" class="form-control" placeholder="Form action" name="form_action" value="{{ Helper::getInputValue('form_action', $page->form_action) }}" >
                        </div>
                        
                        <div class="form-group">
                            <label for="projectname">Form Method</label>
                            <input type="text" id="projectname" class="form-control" placeholder="Form action" name="form_method" value="{{ Helper::getInputValue('form_method', $page->form_method) }}" >
                        </div>

                        <div class="form-group">
                            <label for="projectname">Form Background Image URL</label>
                            <input type="text" id="projectname" class="form-control" placeholder="Form Background Image URL" name="form_bg" value="{{ Helper::getInputValue('form_bg', $page->form_bg) }}" >
                        </div>

                        <div class="form-group">
                            <label for="projectname">{{ __('Collections') }}</label>
                            <select class="form-control" name="collections[]" data-toggle="select2" data-placeholder="Select Collections" multiple="">
                                <option value="">Select Collections</option>
                                @foreach($collections as $collection)
                                    <option value="{{ $collection->id }}" {{ !empty($page_collections) && in_array($collection->id, $page_collections) ? 'selected' : '' }}>{{ $collection->title }} (Shortcode: [COL_{{ $collection->id }}])</option>
                                @endforeach 
                            </select>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">E-Commerce Page?</label>
                            <div class="col-9">
                                @php $ecommerce_page = Helper::getInputValue('ecommerce_page', $page->ecommerce_page) @endphp
                                <input type="checkbox" {{ !empty($ecommerce_page) ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a" name="ecommerce_page" value="1" />
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Home Page?</label>
                            <div class="col-9">
                                @php $home_page = Helper::getInputValue('home_page', $page->home_page) @endphp
                                <input type="checkbox" {{ !empty($home_page) ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a" name="home_page" value="1" />
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Form Page?</label>
                            <div class="col-9">
                                @php $form_page = Helper::getInputValue('form_page', $page->form_page) @endphp
                                <input type="checkbox" {{ !empty($form_page) ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a" name="form_page" value="1" />
                            </div>
                        </div>

                        <div class="form-group row mb-3">
                            <label class="col-3 col-form-label">Is Active?</label>
                            <div class="col-9">
                                @php $active = Helper::getInputValue('active', $page->active) @endphp
                                <input type="checkbox" {{ !empty($active) ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a" name="active" value="1" />
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label for="login-email">Meta Title</label>
                            <input type="text" class="form-control" id="login-email" placeholder="Meta Title" name="meta_title" value="{{ Helper::getInputValue('meta_title', $page->meta_title) }}">
                        </div>

                        <div class="form-group">
                            <label for="login-email">Meta Keywords</label>
                            <select class="form-control" name="meta_keywords[]" data-toggle="select2tags" multiple="" data-placeholder="Add Meta Keywords">
                                @foreach($meta_keywords as $meta_keyword)
                                    <option value="{{ trim($meta_keyword) }}" selected>{{ trim($meta_keyword) }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="login-email">Meta Description</label>
                            <textarea class="form-control" placeholder="Meta Description" rows="4" name="meta_description" value="{{ Helper::getInputValue('meta_description', $page->meta_description) }}">{{ Helper::getInputValue('meta_description', $page->meta_description) }}</textarea>
                        </div>

                        <div class="form-group">
                            <label for="login-email">Code to place in head tag</label>
                            <textarea class="form-control" placeholder="Code" rows="5" name="head_code">{{ Helper::getInputValue('head_code', $page->head_code) }}</textarea>
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <p style="color: red;" class="d-none">Shortcode for categories list <strong>[CATEGORIES]</strong> & for collections <strong>[COL_*]</strong></p>
                        <label for="login-email">Content</label>
                        <textarea class="form-control" placeholder="Content" rows="20" name="content">
                            {{ $page->content }}
                        </textarea>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-lg-12">
                        <button type="submit" class="btn btn-info waves-effect waves-light form-submit-button">
                            <span class="btn-label"><i class="mdi mdi-pencil"></i><span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span></span>
                            {{ __('Update') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('css-lib')
<meta name="class-to-open" content="storefront-pages">
<link href="{{ asset('libs/mohithg-switchery/switchery.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('libs/summernote/summernote-bs4.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('libs/mohithg-switchery/switchery.min.js') }}"></script>
<script src="{{ asset('libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('libs/summernote/summernote-bs4.min.js') }}"></script>
@endsection