@extends('admin.layouts.app')

@push('stylesheets')

<style>
</style>
@if(!empty($design) && config('design.view.'.$design['pointslug']))
<style>
    #editdiv{
        display: none;
    }
    .transparent:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: #ffffffc2;
        z-index: 999999;
    }    
    #viewdiv{
        position: absolute;
        top: 100px;
        right: 20px;
        width: 85%;
    }
    .vieweditbtn{
        color: #ff0000;
        background: #fff;
        cursor: pointer;
        float: right;
        z-index: 999999;
        position: relative;
    }
</style>
@endif
@endpush
@section('content')
<div class="container-fluid" id="editdiv">
    @include('Gallery::admin.inc.alert')
    <div class="row">
        <div class="col-12">
            <form action="{{ URL('admin/design/update?lang='.app()->getLocale()) }}" method="post" id="designform">
                @csrf
                <div class="card customCard mt-4 mb-5" id="titlecard">
                    <!-- Card header -->
                    <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                        <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3 d-flex justify-content-between align-items-center">
                          <h5 class="text-white text-capitalize pl-3 mb-0">Edit Design</h5>
                          <a href="{{URL('admin/design/add')}}" class="btn btn-default mb-0 mr-3 btn-sm text-white">ADD NEW DESIGN</a>
                        </div>
                    </div>
                    <div class="card-body pt-2">
                        <div class="form-group">
                            @include('Gallery::admin.inc.mediainput',['name'=>'image','edit'=>true,'value'=>$design['image'] ?? '','sizemessage'=>'600 x 400'])
                        </div>
                        <div class="form-group">
                            <label for="title">Title</label>
                            <input type="text" class="form-control required" id="title" placeholder="Enter Title"
                                name="title" value="{{$design['title'] ?? ''}}" data-empty="Enter Title" data-max="250"
                                data-lengtherr="Maximum 250 characters allowed" />
                        </div>
                        <div class="form-group @if(config('design.hidecontent.'.$slug)) hidden @endif">
                            <label for="content">Content</label>
                            <textarea class="form-control tinyarea required" id="content" name="content"
                                placeholder="Enter Content" data-empty="Enter Content">{{$design['content'] ?? ''}}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="title">Category</label>
                            <br>
                                                        @foreach($designcategory as $nkey => $nval)
                            <div class="form-check-inline">
                                <label class="form-check-label">
                                    <input type="checkbox" class="form-check-input" value="{{$nval['title']}}" name="category[]"
                                        @if(in_array($nval['title'],$categories)) checked @endif>{{$nval['title']}}
                                </label>
                            </div>
                            @endforeach
                        </div>
                        <div class="form-group">
                            <label for="title">Status</label>
                            <select class="form-control required" data-empty="Select Status" name="status" id="status">
                                <option value="">Select Status</option>
                                <option value="1" @if(isset($design['status']) && $design['status']=='1' ) selected
                                    @endif>Enable</option>
                                <option value="0" @if(isset($design['status']) && $design['status']=='0' ) selected
                                    @endif>Disable</option>
                            </select>
                        </div>
                        <input type="hidden" name="slug" value="{{$slug}}" />
                    </div>
                </div>
                
                <div class="d-flex submitbtndiv">
                    @include('admin.inc.updatenotes',['form'=>'#designform'])
                    <a href="{{URL('admin/design')}}" class="btn btn-success ml-3 mb-0">Back</a> 
                    <button type="submit" class="btn btn-success  ml-3 mb-0" id="draftsubmitbtn">Save as Draft</button>
                </div>
            </form>
        </div>
    </div>
</div>
@include('Gallery::admin.inc.gallerymodal')
@endsection
@push('scripts')
@include('admin.inc.addsectionscript')
@include('Gallery::admin.inc.mediascript',['name'=>'image'])
<script>
    var root = $('#rootfolder').val();
    var locale = '