@extends('admin.layouts.master')


@section('content')

@php
$icon = [
'general' => 'ri-settings-line me-1_5',
'social' => 'ri-global-line me-1_5',
'contact' => 'ri-contacts-line me-1_5'
];
@endphp
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-md-12">
            <div class="nav-align-top">
                <ul class="nav nav-pills flex-column flex-md-row mb-6 gap-2 gap-lg-0">
                    @foreach($siteSettings as $key => $value)
                    <li class="nav-item tab-section {{ $key }}-tab">
                        <a class="nav-link site-settings-tabs {{ $loop->first ? 'active' : '' }} waves-effect waves-light"
                            data-body="{{ $key }}-body"><i class="{{ $icon[$key] }}"></i>{{ $key }}</a>
                    </li>
                    @endforeach
                </ul>
            </div>

            @foreach($siteSettings as $tab => $settings)
            <div class="card mb-6 body-tabs {{ !$loop->first ? 'd-none' : '' }}" id="{{ $tab }}-body">
                <div class="card-header">
                    <h4 class="card-title">{{ ucfirst($tab) }} Settings</h4>
                </div>
                <div class="card-body pt-0">
                    <form action="{{ route('admin.site-settings.submit') }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="row mt-1 g-5">
                            @foreach($settings as $setting)
                            <div class="col-md-6">
                                <div class="form-floating form-floating-outline">
                                    @if($setting['data_type'] == 'file')
                                    <input class="form-control" type="file" id="{{ $setting['key'] }}"
                                        name="{{ $setting['key'] }}">
                                    @else
                                    <input class="form-control" type="text" id="{{ $setting['key'] }}"
                                        name="{{ $setting['key'] }}" value="{{ $setting['value'] }}"
                                        placeholder="{{ ucfirst($setting['key']) }}">
                                    @endif
                                    <label for="{{ $setting['key'] }}">{{ ucfirst(str_replace('_', ' ',
                                        $setting['key'])) }}</label>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        <div class="mt-6">
                            <button type="submit" class="btn btn-primary me-3 waves-effect waves-light">Save
                                changes</button>
                            <!-- <button type="reset" class="btn btn-outline-secondary waves-effect">Reset</button> -->
                        </div>
                    </form>
                </div>
            </div>
            @endforeach

        </div>
    </div>
</div>
<!-- / Content -->
@endsection

@push('js')
<script>
    $(document).ready(function () {
        $('body').on('click', '.site-settings-tabs', function () {
            $('.site-settings-tabs').removeClass('active');
            $(this).addClass('active');

            $('.body-tabs').addClass('d-none');
            var id = $(this).data('body');
            console.log($('#' + id).removeClass('d-none'));
        });
    });
</script>
@endpush