@extends('layouts.app')

@section('title', 'Enterprise Settings')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">Enterprise HR Settings</h4>
    <p class="text-secondary small mb-0">Configure corporate profile, standard shift schedules, grace periods and currency</p>
</div>

<div class="row g-4">
    <div class="col-12 col-lg-8">
        <form action="{{ route('settings.update') }}" method="POST">
            @csrf

            <!-- 1. Organization Details -->
            <div class="card mb-4 shadow-sm">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-building me-2 text-primary"></i> Company Profile</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Company Name *</label>
                            <input type="text" name="name" class="form-control form-control-sm" value="{{ old('name', $organization->name ?? 'PeopleFlow Organization') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Official Contact Email *</label>
                            <input type="email" name="email" class="form-control form-control-sm" value="{{ old('email', $organization->email ?? 'hr@company.com') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Corporate Phone</label>
                            <input type="text" name="phone" class="form-control form-control-sm" value="{{ old('phone', $organization->phone ?? '+880 2 9880000') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Currency Standard *</label>
                            <input type="text" name="currency" class="form-control form-control-sm" value="{{ old('currency', $organization->currency ?? 'BDT') }}" required readonly>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Default Timezone *</label>
                            <input type="text" name="timezone" class="form-control form-control-sm" value="{{ old('timezone', $organization->timezone ?? 'Asia/Dhaka') }}" required readonly>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold">Office Address</label>
                            <input type="text" name="address" class="form-control form-control-sm" value="{{ old('address', $organization->address ?? 'Gulshan-2, Dhaka-1212, Bangladesh') }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- 2. Attendance & Shift Policies -->
            <div class="card mb-4 shadow-sm">
                <div class="card-header bg-white">
                    <h6 class="mb-0 fw-bold"><i class="bi bi-clock-history me-2 text-success"></i> Standard Work Shift & Grace Period</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Shift Start Time *</label>
                            <input type="time" name="start_time" class="form-control form-control-sm" value="{{ old('start_time', $workSchedule ? substr($workSchedule->start_time, 0, 5) : '09:00') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Shift End Time *</label>
                            <input type="time" name="end_time" class="form-control form-control-sm" value="{{ old('end_time', $workSchedule ? substr($workSchedule->end_time, 0, 5) : '18:00') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Late Grace Period (Mins) *</label>
                            <input type="number" name="grace_period_minutes" class="form-control form-control-sm" value="{{ old('grace_period_minutes', $workSchedule ? $workSchedule->grace_period_minutes : 15) }}" required min="0" max="60">
                        </div>
                        <div class="col-12">
                            <span class="text-xs text-muted">
                                <i class="bi bi-info-circle me-1"></i> Punches after 09:15 AM are automatically flagged as late arrivals on the dashboard and monthly reports.
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary btn-sm px-4 fw-semibold">
                    <i class="bi bi-check2 me-1"></i> Save Enterprise Settings
                </button>
            </div>
        </form>
    </div>

    <!-- Right Side: Leave Quota Reference -->
    <div class="col-12 col-lg-4">
        <div class="card shadow-sm">
            <div class="card-header bg-white">
                <h6 class="mb-0 fw-bold"><i class="bi bi-calendar2-range me-2 text-primary"></i> Annual Leave Quotas</h6>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm table-hover align-middle mb-0 small">
                    <thead class="table-light">
                        <tr>
                            <th>Leave Type</th>
                            <th class="text-end">Allowance</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($leaveTypes as $lt)
                            <tr>
                                <td>{{ $lt->name }}</td>
                                <td class="text-end fw-semibold text-primary">{{ $lt->days_per_year }} Days/Yr</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection