@extends('layouts.app')

@section('title', 'System Settings')
@section('page_title', 'Configuration & Backups')

@section('content')
<div class="row g-4">
    <!-- Left Column: Settings Updates -->
    <div class="col-lg-7">
        <div class="card border-0 shadow-sm p-4">
            <h5 class="fw-bold mb-4 text-dark"><i class="bi bi-sliders text-primary"></i> Application Configuration</h5>
            
            <form action="{{ route('settings.update') }}" method="POST">
                @csrf
                @method('PUT')
                
                @foreach($settings as $group => $items)
                    <div class="mb-4">
                        <h6 class="fw-bold border-bottom pb-2 text-secondary mb-3">{{ strtoupper($group) }} SETTINGS</h6>
                        <div class="row g-3">
                            @foreach($items as $setting)
                                <div class="col-12">
                                    <label class="form-label text-secondary small fw-bold">{{ $setting->display_name }}</label>
                                    
                                    @if($setting->type === 'boolean')
                                        <div class="form-check form-switch">
                                            <input type="hidden" name="settings[{{ $setting->key }}]" value="0">
                                            <input class="form-check-input" type="checkbox" name="settings[{{ $setting->key }}]" value="1" {{ $setting->value ? 'checked' : '' }}>
                                        </div>
                                    @elseif($setting->type === 'integer' || $setting->type === 'number')
                                        <input type="number" class="form-control" name="settings[{{ $setting->key }}]" value="{{ $setting->value }}">
                                    @else
                                        <input type="text" class="form-control" name="settings[{{ $setting->key }}]" value="{{ $setting->value }}">
                                    @endif
                                    
                                    @if($setting->description)
                                        <small class="text-secondary small mt-1 d-block">{{ $setting->description }}</small>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endforeach

                <div class="d-grid mt-4">
                    <button type="submit" class="btn btn-primary btn-lg">Save Configuration Settings</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Right Column: Database Backups -->
    <div class="col-lg-5">
        <div class="card border-0 shadow-sm p-4">
            <div class="d-flex align-items-center justify-content-between mb-4 border-bottom pb-2">
                <h5 class="fw-bold mb-0 text-dark"><i class="bi bi-database-check text-primary"></i> Database Backups</h5>
                <form action="{{ route('settings.backup.create') }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-primary d-flex align-items-center gap-2">
                        <i class="bi bi-arrow-repeat"></i> Generate Backup
                    </button>
                </form>
            </div>

            <p class="small text-secondary mb-3">
                Generates a pure-PHP SQL dump containing all table structures and rows, downloadable immediately.
            </p>

            <div class="list-group list-group-flush border rounded overflow-hidden" style="max-height: 400px; overflow-y: auto;">
                @forelse($backups as $b)
                    <div class="list-group-item d-flex align-items-center justify-content-between p-3">
                        <div class="overflow-hidden me-2">
                            <div class="fw-bold text-dark text-truncate text-small" title="{{ $b->filename }}">{{ $b->filename }}</div>
                            <small class="text-secondary d-block">{{ $b->created_at->format('M d, Y H:i') }} | {{ $b->fileSizeFormatted() }}</small>
                        </div>
                        <div>
                            <a href="{{ route('settings.backup.download', $b->id) }}" class="btn btn-sm btn-outline-primary" title="Download SQL File">
                                <i class="bi bi-download"></i> Download
                            </a>
                            <button class="btn btn-sm btn-outline-danger ms-1" 
                                    data-bs-toggle="modal" 
                                    data-bs-target="#confirmRestoreModal" 
                                    data-id="{{ $b->id }}"
                                    data-filename="{{ $b->filename }}"
                                    title="Restore Database to this point">
                                <i class="bi bi-arrow-counterclockwise"></i> Restore
                            </button>
                        </div>
                    </div>
                @empty
                    <div class="text-center py-5 text-muted">
                        <i class="bi bi-cloud-slash fs-1 d-block mb-2"></i>
                        No database backups generated yet.
                    </div>
                @endforelse
            </div>
        </div>
    </div>
</div>

<div class="row g-4 mt-2">
    <div class="col-12">
        <div class="card border-0 shadow-sm p-4">
            <h5 class="fw-bold mb-3 text-dark"><i class="bi bi-shield-lock text-primary"></i> 3. Permission Matrix</h5>
            <p class="small text-secondary mb-4">
                Configure the access control list for each user role. Super Admin permissions are permanently locked (always allowed).
            </p>
            
            <form action="{{ route('settings.permissions.update') }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="table-responsive">
                    <table class="table table-hover align-middle border">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 40%;">Permission</th>
                                <th class="text-center" style="width: 15%;">Cashier</th>
                                <th class="text-center" style="width: 15%;">Supervisor</th>
                                <th class="text-center" style="width: 15%;">Manager</th>
                                <th class="text-center" style="width: 15%;">Super Admin</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $matrix = [
                                    ['label' => 'Login', 'permission' => null],
                                    ['label' => 'Dashboard', 'permission' => 'dashboard.view'],
                                    ['label' => 'Create Sale', 'permission' => 'sales.create'],
                                    ['label' => 'Edit Finalized Sale', 'permission' => 'sales.edit'],
                                    ['label' => 'Void Sale', 'permission' => 'sales.void'],
                                    ['label' => 'Create Client', 'permission' => 'clients.create'],
                                    ['label' => 'Edit Client', 'permission' => 'clients.edit'],
                                    ['label' => 'Create Quotation', 'permission' => 'quotations.create'],
                                    ['label' => 'Convert Quotation', 'permission' => 'quotations.convert'],
                                    ['label' => 'Create Invoice', 'permission' => 'invoices.create'],
                                    ['label' => 'Receive Payment', 'permission' => 'payments.create'],
                                    ['label' => 'Edit Payment', 'permission' => 'payments.edit'],
                                    ['label' => 'Waive Debt', 'permission' => 'debts.waive'],
                                    ['label' => 'Refund Sale', 'permission' => 'sales.refund'],
                                    ['label' => 'Add Product', 'permission' => 'products.create'],
                                    ['label' => 'Edit Product', 'permission' => 'products.edit'],
                                    ['label' => 'Stock Adjustment', 'permission' => 'products.adjust_stock'],
                                    ['label' => 'Purchase Orders', 'permission' => 'purchase_orders.create'],
                                    ['label' => 'Add Expense', 'permission' => 'expenses.create'],
                                    ['label' => 'Approve Expense', 'permission' => 'expenses.approve'],
                                    ['label' => 'Reports Export', 'permission' => 'reports.view'],
                                    ['label' => 'Manage Staff', 'permission' => 'users.manage'],
                                    ['label' => 'Settings', 'permission' => 'settings.manage'],
                                    ['label' => 'Backups', 'permission' => 'backups.manage'],
                                    ['label' => 'Restore Backup', 'permission' => 'backups.restore'],
                                ];
                                
                                $rolesToCheck = ['cashier', 'supervisor', 'manager'];
                            @endphp

                            @foreach($matrix as $item)
                                <tr>
                                    <td class="fw-semibold text-dark">
                                        {{ $item['label'] }}
                                        @if($item['permission'])
                                            <span class="d-block text-secondary small font-monospace" style="font-size: 0.75rem;">{{ $item['permission'] }}</span>
                                        @endif
                                    </td>
                                    
                                    @foreach($rolesToCheck as $roleName)
                                        <td class="text-center">
                                            @if(is_null($item['permission']))
                                                <!-- Login is always allowed for all active users -->
                                                <span class="text-success"><i class="bi bi-check-circle-fill"></i></span>
                                            @else
                                                <div class="form-check form-switch d-inline-block">
                                                    <input type="hidden" name="permissions[{{ $roleName }}][{{ $item['permission'] }}]" value="0">
                                                    <input class="form-check-input" type="checkbox" name="permissions[{{ $roleName }}][{{ $item['permission'] }}]" value="1"
                                                        {{ isset($roles[$roleName]) && $roles[$roleName]->permissions->contains('name', $item['permission']) ? 'checked' : '' }}>
                                                </div>
                                            @endif
                                        </td>
                                    @endforeach
                                    
                                    <!-- Super Admin is always Allowed -->
                                    <td class="text-center">
                                        <span class="text-success fw-bold"><i class="bi bi-check-circle-fill"></i></span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end mt-3">
                    <button type="submit" class="btn btn-primary px-4">Save Permission Matrix</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Confirm Restore Modal -->
<div class="modal fade" id="confirmRestoreModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-danger fw-bold"><i class="bi bi-exclamation-triangle-fill"></i> RESTORE DATABASE</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="restoreBackupForm" method="POST">
                @csrf
                <div class="modal-body">
                    <p class="text-dark fw-semibold mb-2">
                        You are about to restore the database to the snapshot: <span id="restoreBackupName" class="text-primary font-monospace small"></span>.
                    </p>
                    <div class="alert alert-warning border-0 border-start border-warning border-4 py-2">
                        <small class="d-block mb-1 fw-bold"><i class="bi bi-info-circle-fill"></i> CRITICAL WARNING:</small>
                        <small class="d-block text-secondary">
                            This will overwrite all current sales, clients, inventory, and accounting records. A rollback snapshot will be created automatically before execution.
                        </small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-secondary small fw-bold">CONFIRM YOUR PASSWORD *</label>
                        <div class="input-group">
                            <input type="password" class="form-control" name="password" required placeholder="Enter your current password">
                            <button type="button" class="btn btn-outline-secondary btn-password-toggle" title="Show password" aria-label="Toggle password visibility">
                                <i class="bi bi-eye"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">Execute Restore</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    const confirmRestoreModal = document.getElementById('confirmRestoreModal');
    if (confirmRestoreModal) {
        confirmRestoreModal.addEventListener('show.bs.modal', function(e) {
            const btn = e.relatedTarget;
            const id = btn.getAttribute('data-id');
            const filename = btn.getAttribute('data-filename');

            document.getElementById('restoreBackupName').innerText = filename;

            const form = document.getElementById('restoreBackupForm');
            form.action = "{{ route('settings.backup.restore', ':id') }}".replace(':id', id);
        });
    }
</script>
@endsection