@extends('layouts.app')
@section('title')
    {{ isset($landingPageContent->id) ? "Update {$landingPageContent->section_name}" : 'Add Section' }}
@endsection

@section('content')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">{{ isset($landingPageContent->id) ? "Update {$landingPageContent->section_name}" : 'Add Section' }}</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    @if (Auth::user()->role_id == 1)
                        <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
                    @else
                        <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
                    @endif
                </li>
                <li class="breadcrumb-item active" aria-current="page"><a
                        href="javascript:void(0);">{{ isset($landingPageContent->id) ? "Update {$landingPageContent->section_name}" : 'Add Section' }}</a>
                </li>
            </ol>
        </div>
        <div class="d-flex my-xl-auto right-content align-items-center">
            <div class="mb-xl-0">
                <div class="dropdown">
                    <button class="btn btn-primary"
                        onclick="location.href='{{ route('landing-page.create', ['slug' => request()->slug]) }}'"
                        type="button" aria-expanded="false">
                        + Create New Section
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->

    <!--Row-->
    @include('layouts.message')
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" action="{{ route('landing-page.store') }}" class="form-horizontal"
                        id="cmspagesForm" role="form" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            @php
                            if (isset($landingPageContent->section_name)) {
                                $section_name = $landingPageContent->section_name;
                            } elseif (isset($sectionTitle)) {
                                $section_name = $sectionTitle;
                            } else {
                                $section_name = '';
                            }
                            @endphp
                            @if(empty($section_name))
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="section_name" class="form-label">Section Title</label> <span
                                        class="required_compulsary">*</span>
                                        <input type="text" id="section_name"
                                        name="section_name" required class="form-control">
                                </div>
                            </div>
                            @endif
                            @if (!empty($section_name))
                                <input type="hidden" name="section_name" value="{{ $section_name }}">
                            @endif
                            @if (isset($landingPageContent))
                                <input type="hidden" name="id" value="{{ $landingPageContent->id }}">
                            @endif
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="title" class="form-label">Title</label> <span
                                        class="required_compulsary">*</span>
                                    <input type="text" id="title" name="title" required class="form-control"
                                        value="{{ $landingPageContent->title ?? '' }}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label for="description" class="form-label">Content</label>
                                    <textarea type="text" id="content" name="description" class="form-control content5">{{ $landingPageContent->description ?? '' }}</textarea>
                                    <label id="content-error" class="error" for="description"></label>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label class="col-xl-3 col-lg-3 text-end mb-lg-0 align-self-center form-label"
                                for="section_image">Section Image</label>
                            <div class="col-lg-9 col-xl-8">
                                <input type="file" class="form-control" id="section_image" name="section_image"
                                    placeholder="Image" aria-describedby="basic-addon1">
                                <label id="section_image-error" class="error" for="section_image"
                                    style="display: none;"></label>
                                @if ($errors->has('section_image'))
                                    <span class="text-danger">{{ $errors->first('section_image') }}</span>
                                @endif
                            </div>
                           
                            </div>
                            <div class="col-lg-12">
                                <div class="col-lg-12 col-xl-8">
                                    @if (isset($landingPageContent))
                                        @if (!empty($landingPageContent->section_image))
                                            <img class="profile_image_preview"
                                                src="{{ asset('images/landing_page_image/' . $landingPageContent->section_image) }}"
                                                style="width:150px;margin-top: 10px;padding-left:10px; display: block;
                                        margin-right: 50%;margin-bottom:13px">
                                        @else
                                            <img class="profile_image_preview"
                                                src="{{ asset('images/no-image.png') }}"
                                                style="width:150px;margin-top: 10px;padding-left:10px; display: block;
                                        margin-right: 50%;margin-bottom:13px">
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <button type="submit" class="btn btn-primary submit">Submit</button>
                                    {{-- @if (isset($landingPageContent))
                                        <a class="btn btn-danger" id="bDel" href="javascript:;"  title="Delete" onclick="deleteConfirm('null')">Delete</a>
                                    @endif --}}
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--/Row-->
    @push('scripts')
        <script src="{{ asset('assets/plugins/wysiwyag/wysiwyag.js') }}"></script>
        <script type="text/javascript">
            $(document).ready(function() {

                $('#cmspagesForm').validate({
                    ignore: [],
                    debug: false,
                    rules: {
                        title: 'required',
                    },
                    messages: {
                        title: 'Title is required',
                    },
                    submitHandler: function(form) {
                        form.submit();
                    }
                });
                // $('.cmseditor').richText();
            });
            $("#section_image").on("change", function(evt) {
                const [file] = evt.target.files;
                if (file) {
                    $(".profile_image_preview").attr("src", URL.createObjectURL(file));
                }
            });
        </script>
         <script type="text/javascript">
            var SITE_URL = "