@extends('layouts.app')

@section('content')
<div class="container-wrapper">
    <nav aria-label="breadcrumb" class="mb-2">
        <ol class="breadcrumb mb-0 small text-uppercase fw-bold letter-spacing-1">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}" class="text-decoration-none text-muted">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="#" class="text-decoration-none text-muted">Accountant</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">Transaction Locking</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4 px-3">
        <div>
            <h2 class="h3 font-weight-bold text-dark mb-1">Transaction Locking</h2>
            <p class="text-muted small mb-0">Prevent backdated changes to your financial records.</p>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success mx-3 border-0 shadow-sm rounded-3 mb-4">
            <i class="fas fa-check-circle me-2"></i> {{ session('success') }}
        </div>
    @endif

    <div class="row mx-3 g-4">
        <div class="col-md-5">
            <div class="card border-0 shadow-sm rounded-4 h-100 p-4">
                <div class="text-center mb-4">
                    <div class="d-inline-flex p-4 rounded-circle bg-opacity-10 mb-3 {{ $currentLock ? 'bg-danger text-danger' : 'bg-success text-success' }}">
                        <i class="fas {{ $currentLock ? 'fa-lock' : 'fa-lock-open' }} fa-3x"></i>
                    </div>
                    <h4 class="fw-bold">{{ $currentLock ? 'System Locked' : 'System Unlocked' }}</h4>
                    @if($currentLock)
                        <p class="text-muted">Records on or before <strong>{{ date('M d, Y', strtotime($currentLock->lock_date)) }}</strong> are read-only.</p>
                    @else
                        <p class="text-muted">No transactions are currently frozen. You can edit any past record.</p>
                    @endif
                </div>

                <div class="bg-light p-4 rounded-4 border-start border-4 {{ $currentLock ? 'border-danger' : 'border-success' }}">
                    <h6 class="fw-bold mb-2">What does this do?</h6>
                    <ul class="small text-muted ps-3 mb-0">
                        <li>Prevents creation of transactions before the lock date.</li>
                        <li>Blocks editing of historical Journals, Invoices, and Bills.</li>
                        <li>Disables deletion of records in the locked period.</li>
                        <li>Ensures finalized periods remain tamper-proof.</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-md-7">
            <div class="card border-0 shadow-sm rounded-4 mb-4">
                <div class="card-header bg-white p-4 border-0">
                    <h5 class="mb-0 fw-bold text-dark">Set Lock Date</h5>
                </div>
                <form action="{{ route('accountant.transaction-lock.update') }}" method="POST" onsubmit="return confirm('WARNING: Setting a lock date will immediately prevent all users from modifying past data. Are you sure?')">
                    @csrf
                    <div class="card-body p-4">
                        <div class="mb-4">
                            <label class="form-label small fw-bold text-muted text-uppercase">Freeze all records on or before:</label>
                            <input type="date" name="lock_date" class="form-control form-control-lg border-2 rounded-3" value="{{ $currentLock ? $currentLock->lock_date : '' }}" required>
                            <div class="form-text text-danger small mt-2">
                                <i class="fas fa-info-circle me-1"></i> Use this after closing your monthly or yearly books.
                            </div>
                        </div>

                        <div class="d-flex gap-3">
                            <button type="submit" class="btn btn-danger btn-lg px-5 fw-bold rounded-3 hstack gap-2">
                                <i class="fas fa-shield-alt"></i> Apply Lock
                            </button>
                            @if($currentLock)
                            <form action="{{ route('accountant.transaction-lock.destroy') }}" method="POST" class="d-inline" onsubmit="return confirm('Remove all transaction locks? Historical data will become editable again.')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-outline-secondary btn-lg px-4 fw-bold rounded-3">Unlock System</button>
                            </form>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection