@php
$breadcrumb = [
['label' => 'Dashboard', 'url' => route('admin.dashboard')],
['label' => 'Site Settings', 'url' => route('admin.site-settings')],
['label' => 'Edit Inner Page Details']
];
@endphp

@extends('admin.layouts.app')
@section('title', 'Edit ')
@section('content')

<form id="editSSForm" action="">
    <div class="row mt-4">
        <div class="col-md-12">
            <input id="id" type="hidden" value="{{ !empty($siteSettings['id']) ? $siteSettings['id'] : '' }}">
            <div class="card border-primary {{ !(!empty($siteSettings['id']) && $siteSettings['id'] == 1) ? 'd-none' : ''}}" style="border-left: solid 3px;">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <span class="d-block fs-4 fw-bold text-dark mb-3 pb-2">
                            Header
                        </span>
                    </div>
                    <section class="container-fluid py-4">
                        <div class="row">
                            <div class="col-12">
                                <input id="header_logo_input" class="form-control header_logo_input d-none _image" type="file" name="header_logo_input" accept="image/*">
                                <label for="header_logo_input" class="form-label mt-2" style="cursor:pointer; width: 100%;">Header Logo
                                    <div>
                                        <img class="header_logo_preview w-2/3 shadow-sm mb-2 mt-2 object-fit-cover rounded-3"
                                            src="{{!empty($headerLogo) ? asset('storage/'. $headerLogo)  : asset('backend/assets/img/image_placeholder.svg')}}"
                                            alt="Preview" style="height: 300px;">
                                    </div>
                                </label>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="card border-primary {{ !(!empty($siteSettings['id']) && $siteSettings['id'] == 2) ? 'd-none' : ''}}" style="border-left: solid 3px;">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <span class="d-block fs-4 fw-bold text-dark mb-3 pb-2">
                            Footer
                        </span>
                    </div>
                    <input type="hidden" id="pagename" value="">
                    <section class="container-fluid py-4">
                        <div class="row">
                            <div class="col-12">
                                <input id="footer_logo_input" class="form-control footer_logo_input d-none _image" type="file" name="footer_logo_input" accept="image/*">
                                <label for="footer_logo_input" class="form-label mt-2" style="cursor:pointer; width: 100%;">Footer Logo
                                    <div>
                                        <img class="footer_logo_preview w-2/3 shadow-sm mb-2 mt-2 object-fit-cover rounded-3"
                                            src="{{!empty($footerLogo) ? asset('storage/'.$footerLogo)  : asset('backend/assets/img/image_placeholder.svg')}}"
                                            alt="Preview" style="height: 300px;">
                                    </div>
                                </label>
                            </div>
                        </div>

                        <p class="mt-4">Location</p>
                        <div class="row">
                            <div class="col-12 d-flex justify-content-start gap-2">
                                <div class="col-2">
                                    <label for="location_heading">Location Heading</label>
                                    <input class="form-control _textOnly" type="text" id="location_heading" value="{{$location['heading']}}">
                                </div>
                                <div class="col-10">
                                    <label for="location">Location</label>
                                    <input class="form-control _info" type="text" id="location" value="{{$location['address']}}">
                                </div>
                            </div>
                        </div>
                        <p class="mt-4">Contact</p>
                        <div class="row mt-4">
                            <div class="col-12 d-flex justify-content-between gap-2">
                                <div class="col-4">
                                    <label for="contact_heading">Contact Heading</label>
                                    <input class="form-control _textOnly" type="text" id="contact_heading" value="{{$contact['heading']}}">
                                </div>
                                <div class="col-4">
                                    <label for="contact1">Contact 1</label>
                                    <input class="form-control _phone" type="text" id="contact1" value="{{$contact['contact1']}}">
                                </div>
                                <div class="col-4">
                                    <label for="contact2">Contact 2</label>
                                    <input class="form-control _phone" type="text" id="contact2" value="{{$contact['contact2']}}">
                                </div>
                            </div>
                        </div>
                        <p class="mt-4">E Mail</p>
                        <div class="row mt-4">
                            <div class="col-12 d-flex justify-content-between gap-2">
                                <div class="col-4">
                                    <label for="mail_heading">E Mail Heading</label>
                                    <input class="form-control _textOnly" type="text" id="mail_heading" value="{{$email['heading']}}">
                                </div>
                                <div class="col-4">
                                    <label for="mail1">E Mail 1</label>
                                    <input class="form-control _email" type="text" id="mail1" value="{{$email['mail1']}}">
                                </div>
                                <div class="col-4">
                                    <label for="mail2">E Mail 2</label>
                                    <input class="form-control _email" type="text" id="mail2" value="{{$email['mail2']}}">
                                </div>
                            </div>
                        </div>

                        <p class="mt-4">Support Links</p>
                        <div class="row mt-2">
                            <div>
                                <label for="support_links_heading">Support Links Heading</label>
                                <input class="form-control _textOnly" type="text" id="support_links_heading" value="{{$support_links_heading}}">
                            </div>
                            <div class="col-12 d-flex justify-content-start gap-4 mt-2">
                                <div class="col-6">
                                    <label for="support_link_1_title">Title - Support Link 1</label>
                                    <input class="form-control _textOnly" type="text" id="support_link_1_title" value="{{$support_links[0]['title']}}">
                                </div>
                                <div class="col-6">
                                    <label for="support_link_1">Link - Support Link 1</label>
                                    <input class="form-control _path" type="text" id="support_link_1" value="{{$support_links[0]['url']}}">
                                </div>
                            </div>
                            <div class="col-12 d-flex justify-content-start gap-4 mt-2">
                                <div class="col-6">
                                    <label for="support_link_2_title">Title - Support Link 2</label>
                                    <input class="form-control _textOnly" type="text" id="support_link_2_title" value="{{$support_links[1]['title']}}">
                                </div>
                                <div class="col-6">
                                    <label for="support_link_2">Link - Support Link 2</label>
                                    <input class="form-control _path" type="text" id="support_link_2" value="{{$support_links[1]['url']}}">
                                </div>
                            </div>
                            <p class="mt-4">Optional Fields Below</p>
                            <div class="col-12 d-flex justify-content-start gap-4 mt-2">
                                <div class="col-6">
                                    <label for="support_link_3_title">Title - Support Link 3</label>
                                    <input class="form-control _textOnly" type="text" id="support_link_3_title" value="{{$support_links[2]['title']}}">
                                </div>
                                <div class="col-6">
                                    <label for="support_link_3">Link - Support Link 3</label>
                                    <input class="form-control _path" type="text" id="support_link_3" value="{{$support_links[2]['url']}}">
                                </div>
                            </div>
                            <div class="col-12 d-flex justify-content-start gap-4 mt-2">
                                <div class="col-6">
                                    <label for="support_link_4_title">Title - Support Link 4</label>
                                    <input class="form-control _textOnly" type="text" id="support_link_4_title" value="{{$support_links[3]['title']}}">
                                </div>
                                <div class="col-6">
                                    <label for="support_link_4">Link - Support Link 4</label>
                                    <input class="form-control _path" type="text" id="support_link_4" value="{{$support_links[3]['url']}}">
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-2 d-flex justify-content-end">
        <button id="submit_form" class="btn btn-primary" type="button">Submit</button>
    </div>
</form>



@endsection

@push('scripts')
<script>
    var editUrl = "{{ route('admin.site-settings.edit') }}";
</script>
<script src="{{asset('backend/assets/js/admin/skj-validations@v1.js')}}"></script>
<script src="{{asset('backend/assets/js/admin/site_setting_page_edit.js')}}"></script>
@endpush