<?php if (isset($component)) { $__componentOriginal3f3781c4a8379d81811d15e49692f257 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal3f3781c4a8379d81811d15e49692f257 = $attributes; } ?>
<?php $component = App\View\Components\DeshboardLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('Deshboard-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\DeshboardLayout::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>

    <!-- Table Section -->
    <div class=" py-10 ">
        <!-- Card -->
        <div class="flex flex-col">
            <div class="-m-1.5 overflow-x-auto">
                <div class="p-1.5 min-w-full inline-block align-middle">
                    <div
                        class="bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden dark:bg-slate-900 dark:border-gray-700">
                        <!-- Header -->
                        <div
                            class="px-6 py-4 grid gap-3 md:flex md:justify-between md:items-center border-b border-gray-200 dark:border-gray-700">
                            <div>
                                <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">
                                    Theme Option
                                </h2>
                                <p class="text-sm text-gray-600 dark:text-gray-400">
                                    Add Theme Option, edit and more.
                                </p>
                            </div>

                            <div>

                            </div>
                        </div>
                        <!-- End Header -->
                    </div>
                </div>
            </div>
        </div>

        <div class=" grid grid-cols-12">

            <div class=" col-span-2 bg-slate-100 w-full h-screen p-2 pt-4 ">
                <div class="w-full">
                    <button target='general' type="button"
                        class="sidebar py-2.5 w-full px-5 me-2 mb-2 text-left text-sm font-medium text-gray-600 focus:outline-none bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"><i
                            class="fa-solid fa-house"></i> General</button>
                    <button target='social' type="button"
                        class="sidebar py-2.5 w-full px-5 me-2 mb-2 text-left text-sm font-medium text-gray-600 focus:outline-none bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"><i
                            class="fa-solid fa-link"></i> Social Link</button>
                    <button target='logo' type="button"
                        class="sidebar py-2.5 w-full px-5 me-2 mb-2 text-left text-sm font-medium text-gray-600 focus:outline-none bg-gray-200 rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"><i
                            class="fa-solid fa-image"></i> Logo</button>
                </div>
            </div>
            <div class=" col-span-10 p-3  pt-4 ">

                <div id='general' class="space-y-3  status">
                    <form action="<?php echo e(route('theme-option.contact')); ?>" method="post">
                        <?php echo csrf_field(); ?>
                        <div class="">
                            <label for="for">Contact Number</label>
                            <input type="text" name="contact" value="<?php echo e($general->contact); ?>"
                                class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                placeholder="Contact Number" required>
                        </div>
                        <div class="">
                            <label for="for">Email</label>
                            <input type="text" name="email" value="<?php echo e($general->email); ?>"
                                class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                placeholder="Email" required>
                        </div>
                        <div class="">
                            <label for="for">Location </label>
                            <input type="text" name="location" value="<?php echo e($general->location); ?>"
                                class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                placeholder="Location" required>
                        </div>
                        <div class="">
                            <label for="for">Description </label>
                            <textarea name="description"
                                class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                rows="3" placeholder="Description" required><?php echo e($general->description); ?></textarea>
                        </div>
                        <div class="mt-2">
                            <button type="button "
                                class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Submit</button>
                        </div>
                    </form>
                </div>
                <div id='social' class="space-y-3 hidden status">
                    <form action="<?php echo e(route('theme-option.social')); ?>" method="post">
                        <?php echo csrf_field(); ?>
                        <?php

                            $data = json_decode($general->social);
                        ?>

                        <div class=" add-social space-y-10">
                            <?php $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="relative bg-gray-100 p-5">
                                    <span class=' absolute top-0 right-3 itemremove  cursor-pointer'><i
                                            class="fa-solid fa-trash"></i></span>
                                    <label for="for">Name</label>
                                    <input type="text"
                                        class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                        placeholder="Enter Name" name="name[]" value="<?php echo e($item['2']); ?>" required>
                                    <label for="for">icone</label>
                                    <input type="text" name="icone[]"
                                        class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                        placeholder="Enter icone" value="<?php echo e($item['0']); ?>" required>
                                    <label for="for">Link</label>
                                    <input type="text" name="link[]"
                                        class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                        placeholder="Enter link" value="<?php echo e($item['1']); ?>" required>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>


                        <div class="mt-2">
                            <button type="button"
                                class="text-white add-more bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Add
                                More</button>
                            <button type="button "
                                class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Submit
                            </button>
                        </div>

                    </form>


                </div>
                <div id='logo' class="space-y-3 hidden status">
                    <form action="<?php echo e(route('theme-option.logo')); ?>" method="post" enctype="multipart/form-data">
                        <?php echo csrf_field(); ?>
                        <div class="p-5 ">
                            <label for="for">logo</label>
                            <input type="file" name="image"
                                class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600">

                            <img width="40" src="<?php echo e(asset('images/' . $general->image)); ?>" alt="">
                        </div>
                        <div class="mt-2">
                            <button type="button "
                                class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Submit
                            </button>
                        </div>
                    </form>


                </div>

            </div>



        </div>



        <!-- End Card -->
    </div>

    <?php if($message = Session::get('success')): ?>
        <?php if (isset($component)) { $__componentOriginalc7ecd09853420589bd35ad19c48b8af4 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalc7ecd09853420589bd35ad19c48b8af4 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.backend.flash-error','data' => ['message' => $message,'type' => 'success']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('backend.flash-error'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['message' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($message),'type' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute('success')]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalc7ecd09853420589bd35ad19c48b8af4)): ?>
<?php $attributes = $__attributesOriginalc7ecd09853420589bd35ad19c48b8af4; ?>
<?php unset($__attributesOriginalc7ecd09853420589bd35ad19c48b8af4); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc7ecd09853420589bd35ad19c48b8af4)): ?>
<?php $component = $__componentOriginalc7ecd09853420589bd35ad19c48b8af4; ?>
<?php unset($__componentOriginalc7ecd09853420589bd35ad19c48b8af4); ?>
<?php endif; ?>
    <?php endif; ?>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal3f3781c4a8379d81811d15e49692f257)): ?>
<?php $attributes = $__attributesOriginal3f3781c4a8379d81811d15e49692f257; ?>
<?php unset($__attributesOriginal3f3781c4a8379d81811d15e49692f257); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal3f3781c4a8379d81811d15e49692f257)): ?>
<?php $component = $__componentOriginal3f3781c4a8379d81811d15e49692f257; ?>
<?php unset($__componentOriginal3f3781c4a8379d81811d15e49692f257); ?>
<?php endif; ?>

<script>
    $(document).on('click', '.sidebar', function() {
        let id = $(this).attr('target');

        $('.status').hide();
        $('#' + id).show();

    })
    $(document).on('click', '.add-more', function() {
        let element = `  <div class=" add-social space-y-10">
                            <div class="relative bg-gray-100 p-5">
                                <span class=' absolute top-0 right-3 itemremove  cursor-pointer'><i
                                            class="fa-solid fa-trash"></i></span>
                                <label for="for">Name</label>
                                <input type="text"
                                    class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                    placeholder="Enter Name" name="name[]" required>
                                <label for="for">icone</label>
                                <input type="text" name="icone[]"
                                    class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                    placeholder="Enter icone" required>
                                <label for="for">Link</label>
                                <input type="text" name="link[]"
                                    class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600"
                                    placeholder="Enter link" required>
                            </div>
                        </div>`;
        $('.add-social').append(element)

    })
    $(document).on('click', '.itemremove', function() {
        $(this).parents('.relative').remove();
    })

    $(document).on('submit', '#delete', function() {
        let con = confirm('Are you sure to Delete it')
        if (con) {

            return true;

        } else {
            return false;
        }

    })
</script>
<?php /**PATH /home/khawajashipping/mrglogisticsbd.com/resources/views/backend/pages/theme/index.blade.php ENDPATH**/ ?>