@extends('layouts.main')

@section('more-styles')
    <style>
        .input-span.checked:after, input[type=checkbox]:checked:after, input[type=radio]:checked:after {
            content: "";
        }
    </style>
@stop
@section('main-content')

    <div class="nk-content-inner">
        <div class="nk-content-body">
            <div class="nk-block" style="margin-top: 20px">
                <div class="card card-bordered card-stretch">
                    <table class="table table-bordered table-responsive" id="generalSettingsTable">
                        <caption></caption>
                        <thead class="thead-dark">
                        <tr>
                            <th scope="col">S/N</th>
                            <th scope="col">Name</th>
                            <th scope="col">Value</th>
                            <th scope="col">Status</th>
                            <th scope="col"></th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($generalSettings as $setting)
                            @php $setting->update_route = route('general_settings.update', ['setting' => $setting->id]); @endphp
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td class="nk-tb-col">{{ $setting->display_name }}</td>
                                <td class="nk-tb-col">{{ $setting->value }}</td>
                                <td class="nk-tb-col">{!! $setting->status ? '<span class="text-success">Active</span>': '<span class="text-danger">Inactive</span>' !!}</td>
                                <td>
                                    @if($authUser->isAppDev())
                                        <a href="javascript:void(0)" data-setting-details="{{ $setting }}" class="btn btn-sm btn-primary settings-mod-btn">Modify</a>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center">No Entries Found</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div><!-- .card -->
            </div><!-- .nk-block -->
        </div>
    </div>

    <div class="modal fade" tabindex="-1" id="settingsUpdateModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-center bg-custom-green text-white">
                    <h5 class="modal-title"> Edit "<span id="settingName"></span>"</h5>
                    <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                        <em class="icon ni ni-cross"></em>
                    </a>
                </div>
                <div class="modal-body" id="documents-modal-body">
                    <form action="" method="POST" id="settingsUpdateForm">
                        @csrf
                        <input type="hidden" name="action_type" value="edit">
                        <input type="hidden" id="settingId" name="setting_id">
                        <input type="hidden" id="updateRoute" name="update_route">
                        <div class="form-group">
                            <label class="form-label" for="settingValue">Value</label>
                            <input type="text" class="form-control form-control-lg" id="settingValue" name="value" value="{{ old('value') }}" placeholder="Enter Setting Value" required>
                            @if(old('action_type') === 'edit')
                                @error('value')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="settingStatus">Status</label>
                            <input type="checkbox" id="settingStatus" name="status">
                            @if(old('action_type') === 'edit')
                                @error('status')
                                <span class="text-danger" role="alert">
                                    <small>{{ $message }}</small>
                                </span>
                                @enderror
                            @endif
                        </div>
                        <button class="btn btn-success col-md-12 p-2" type="submit">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('more-scripts')
    <script src="{{ asset('js/pages/general-settings.js') }}"></script>
@endsection