@extends('backend.dashboard.layout.master')
@section('content')
<div class="app-main flex-column flex-row-fluid " id="kt_app_main">
    <!--begin::Content wrapper-->
    <div class="d-flex flex-column flex-column-fluid">

        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <!--begin::Toolbar container-->
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <!--begin::Page title-->
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <!--begin::Title-->
                    <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">
                       {{ translate('General Settings') }}</h1>
                    <!--end::Title-->
                    <!--begin::Breadcrumb-->
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page title-->

            </div>
            <!--end::Toolbar container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Content-->
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container container-xxl">
                <!--begin::Products-->
                <div class="card card-flush">
                    <!--begin::Card header-->
                    <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                        <!--begin::Card title-->

                        <!--end::Card title-->
                        <!--begin::Card toolbar-->
                        <div class="card-toolbar flex-row-fluid justify-content-end gap-5">



                            <!--begin::Add product-->
                            <a href="{{route('Setting.create')}}" class="btn btn-primary"> {{ translate('Create Settings') }}</a>
                            <!--end::Add product-->
                        </div>
                        <!--end::Card toolbar-->
                    </div>
                    <!--end::Card header-->
                    <!--begin::Card body-->
                    <div class="card-body pt-0">
                        <!--begin::Table-->
                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_ecommerce_sales_table">
                            <thead>
                                <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">

                                    <th class="min-w-175px"> {{ translate('Key') }}</th>
                                    <th class="min-w-175px"> {{ translate('Value') }}</th>
                                    <th class="min-w-175px"> {{ translate('Type') }}</th>
                                    <th class="min-w-175px"> {{ translate('Created at') }}</th>
                                    <th class="min-w-175px"> {{ translate('Updated at') }}</th>
                                    <th class="text-start min-w-100px"> {{ translate('Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody class="fw-semibold text-gray-600" id="tableBody">
                                @if($settingsBlade->isEmpty())
                                <tr>
                                    <td class="text-gray-800 text-hover-primary fw-bold" colspan="2"> {{ translate('Nothing in
                                        records') }}
                                    </td>
                                </tr>
                                @else

                                @foreach ($settingsBlade as $list)
                                <tr>
                                    <td class="text-start" class="table-user">
                                        {{ $list->key }}
                                    </td>
                                    <td class="text-start">
                                        @if ($list->type == 'file' && $list->value)
                                        <img src="{{ asset( $list->value) }}" width="50">
                                        @else
                                        {{ $list->value }}
                                        @endif
                                    </td>

                                    <td class="text-start">{{ $list->type }}</td>

                                    <td class="text-start">{{ $list->created_at->diffForHumans() }}</td>
                                    <td class="text-start">{{ $list->updated_at->diffForHumans() }}</td>

                                    <td>
                                        <div class="btn btn-group">


                                            {{-- @can('Setting-delete') --}}

                                            <form action="{{ route('Setting.destroy', $list->id) }}" method="POST" style="display: inline;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-light btn-flex btn-center btn-active-light-primary" onclick="confirmDelete(event)">{{ translate('Delete') }}
                                                    </button>
                                                </form>


                                            {{-- @endcan --}}



                                        </div>
                                    </td>
                                </tr>
                                @endforeach

                                @endif
                            </tbody>
                        </table>
                        <!--end::Table-->

                         <!-- pagination -->
            @if ($settingsBlade->hasPages())
            <ul class="pagination pagination-rounded mb-0">
                <li class="page-item {{ $settingsBlade->onFirstPage() ? 'disabled' : '' }}">
                    <a class="page-link" href="{{ $settingsBlade->previousPageUrl() }}" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                    </a>
                </li>

                @foreach ($settingsBlade->links()->elements as $element)
                @if (is_array($element))
                @foreach ($element as $page => $url)
                <li class="page-item {{ $page == $settingsBlade->currentPage() ? 'active' : '' }}">
                    <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                </li>
                @endforeach
                @endif
                @endforeach

                <li class="page-item {{ !$settingsBlade->hasMorePages() ? 'disabled' : '' }}">
                    <a class="page-link" href="{{ $settingsBlade->nextPageUrl() }}" aria-label="Next">
                        <span aria-hidden="true">»</span>
                    </a>
                </li>
            </ul>
            @endif



                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Products-->

                <hr>

                <div class="card">
                    <div class="card-body">
                        <h3> {{ translate('Current Settings') }}</h3>
                        <form action="{{ route('adminsettings.updateAll') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            @foreach ($settingsBlade as $setting)
                            <div class="mb-3">
                                <label class="form-label">{{ $setting->key }}</label>

                                @if ($setting->type == 'text')
                                <input type="text" name="settings[{{ $setting->id }}]" class="form-control" value="{{ $setting->value }}">

                                @elseif ($setting->type == 'email')
                                <input type="email" name="settings[{{ $setting->id }}]" class="form-control" value="{{ $setting->value }}">

                                @elseif ($setting->type == 'number')
                                <input type="number" name="settings[{{ $setting->id }}]" class="form-control" value="{{ $setting->value }}">

                                @elseif ($setting->type == 'date')
                                <input type="date" name="settings[{{ $setting->id }}]" class="form-control" value="{{ $setting->value }}">

                                @elseif ($setting->type == 'file')
                                @if ($setting->value)
                                <div>
                                    <img src="{{ asset( $setting->value) }}" width="100">
                                </div>
                                @endif
                                <input type="file" name="files[{{ $setting->id }}]" class="form-control">

                                @elseif ($setting->type == 'radio')
                                <input type="radio" name="settings[{{ $setting->id }}]" value="1" {{ $setting->value == '1' ? 'checked' : '' }}> نعم
                                <input type="radio" name="settings[{{ $setting->id }}]" value="0" {{ $setting->value == '0' ? 'checked' : '' }}> لا

                                @elseif ($setting->type == 'checkbox')
                                <input type="checkbox" name="settings[{{ $setting->id }}]" value="1" {{ $setting->value == '1' ? 'checked' : '' }}>

                                @elseif ($setting->type == 'textarea')
                                <textarea name="settings[{{ $setting->id }}]" class="form-control">{{ $setting->value }}</textarea>

                                @endif
                            </div>
                            @endforeach

                            <button type="submit" class="btn btn-dark">{{ translate('Save Updates') }}</button>
                        </form>

                    </div>
                </div>
            </div>
            <!--end::Content container-->


        </div>
        <!--end::Content-->
    </div>
</div>
<script>


    function confirmDelete(event) {
        event.preventDefault();

        Swal.fire({
            title: 'Are you sure?'
            , text: "You won't be able to revert this!"
            , icon: 'warning'
            , showCancelButton: true
            , confirmButtonText: 'Yes, delete it!'
            , cancelButtonText: 'No, cancel!'
        , }).then((result) => {
            if (result.isConfirmed) {
                event.target.closest('form').submit();
            }
        });
    }

</script>
@endsection