@extends('layouts.app')

@push('css')
<link href="{{ asset('assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="page-header mb-0">Settings Management</h1>
</div>
<form action="{{ route('admin.settings.update') }}" method="POST">
    <div class="card mb-4">
        <div class="card-header bg-dark text-white fs-5">
            General
        </div>
        <div class="card-body">
            @method('PATCH')
            @csrf
            <div class="row mb-4">
                <label for="general-prefix" class="col-sm-2 col-form-label">Account Prefix</label>
                <div class="col-sm-10">
                        <input
                            name="general-prefix"
                            class="form-control"
                            type="text"
                            id="general-prefix"
                            value="{{ $generalSetting->prefix }}">
                        <label class="form-check-label" for="general-prefix">This prefix added to new account</label>
                    <small class="text-muted">E.g, <code>SITEID-{PREFIX}-SEQUENCE</code></small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="general-enforce-update" class="col-sm-2 col-form-label">Enforce Update</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="enforce-update"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="general-enforce-update"
                            value="1"
                            @checked($generalSetting->enforce_update)>
                        <label class="form-check-label" for="general-enforce-update">Enforce user to update profile</label>
                    </div>
                    <small class="text-muted">By redirecting to profile editing when user click Pay button. Only affect user doesn't have IC No (individual) / Registration No (company) or Invoice TIN (company)</small>
                </div>
            </div>
        </div>

        <div class="card-footer text-end">
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-dark text-white fs-5">
            API
        </div>
        <div class="card-body">
            @method('PATCH')
            @csrf
            <div class="row mb-4">
                <label for="schedule-payment" class="col-sm-2 col-form-label">API Enable</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="api-enable"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="api-enable"
                            value="1"
                            @checked($apiSetting->enable)>
                        <label class="form-check-label" for="schedule-payment">Enable API Request</label>
                    </div>
                    <small class="text-muted">Globally enable API request</small>
                </div>
            </div>
        </div>

        <div class="card-footer text-end">
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header bg-dark text-white fs-5">
            Schedule
        </div>
        <div class="card-body">
            @method('PATCH')
            @csrf
            <div class="row mb-4">
                <label for="schedule-payment" class="col-sm-2 col-form-label">Payment Update</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-payment"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-payment"
                            value="1"
                            @checked($scheduleSetting->payment)>
                        <label class="form-check-label" for="schedule-payment">Enable auto update from EPIC</label>
                    </div>
                    <small class="text-muted">Every 5 minute</small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-invoice" class="col-sm-2 col-form-label">Invoicing</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-invoice"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-invoice"
                            value="1"
                            @checked($scheduleSetting->invoice)>
                        <label class="form-check-label" for="schedule-invoice">Enable auto invoice</label>
                    </div>
                    <small class="text-muted">Monthly at day 15</small>
                    @error('schedules-invoice')
                    <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-suspend" class="col-sm-2 col-form-label">Suspending</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-suspend"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-suspend"
                            value="1"
                            @checked($scheduleSetting->suspend)>
                        <label class="form-check-label" for="schedule-suspend">Enable auto suspend</label>
                    </div>
                    <small class="text-muted">Monthly at day 7</small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-reminder" class="col-sm-2 col-form-label">Payment Reminder</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-reminder"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-reminder"
                            value="1"
                            @checked($scheduleSetting->reminder)>
                        <label class="form-check-label" for="schedule-reminder">Enable pending invoice reminder</label>
                    </div>
                    <small class="text-muted">Emails customers 10, 5 and 1 day before suspension (day 7)</small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-terminate" class="col-sm-2 col-form-label">Termination</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-terminate"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-terminate"
                            value="1"
                            @checked($scheduleSetting->terminate)>
                        <label class="form-check-label" for="schedule-terminate">Enable auto terminate</label>
                    </div>
                    <small class="text-muted">Monthly at end of month</small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-request" class="col-sm-2 col-form-label">Season Request</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-request"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-request"
                            value="1"
                            @checked($scheduleSetting->request)>
                        <label class="form-check-label" for="schedule-request">Enable Season Request</label>
                    </div>
                    <small class="text-muted">Auto close / suspending / termination</small>
                </div>
            </div>

            <div class="row mb-4">
                <label for="schedule-einvoice" class="col-sm-2 col-form-label">eInvoice</label>
                <div class="col-sm-10">
                    <div class="form-check form-switch">
                        <input
                            name="schedules-einvoice"
                            class="form-control form-check-input"
                            type="checkbox"
                            role="switch"
                            id="schedule-einvoice"
                            value="1"
                            @checked($scheduleSetting->einvoice)>
                        <label class="form-check-label" for="schedule-einvoice">Enable auto submit eInvoice</label>
                    </div>
                    <small class="text-muted">Everytime invoice created (on-demand)</small>
                    @error('schedules-einvoice')
                    <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="card-footer text-end">
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
    </div>
</form>

@endsection

@push('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush