@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page title="SLA policies" subtitle="Response and resolution targets by priority" icon="bx bx-timer">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('helpdesk.dashboard')">Help Desk</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">SLA policies</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <div class="row g-4">
            @foreach($policies as $policy)
                <div class="col-lg-6">
                    <x-chm.card :title="$policy->name">
                        <form method="post" action="{{ route('helpdesk.settings.sla.update', $policy) }}">
                            @csrf
                            @method('PUT')
                            <div class="mb-3">
                                <label class="form-label">Policy name</label>
                                <input type="text" name="name" class="form-control" value="{{ old('name', $policy->name) }}" required>
                            </div>
                            <div class="row g-3">
                                <div class="col-6">
                                    <label class="form-label">Response (minutes)</label>
                                    <input type="number" name="response_minutes" class="form-control" value="{{ old('response_minutes', $policy->response_minutes) }}" min="1" required>
                                </div>
                                <div class="col-6">
                                    <label class="form-label">Resolution (minutes)</label>
                                    <input type="number" name="resolution_minutes" class="form-control" value="{{ old('resolution_minutes', $policy->resolution_minutes) }}" min="1" required>
                                </div>
                            </div>
                            <div class="form-check mt-3">
                                <input type="hidden" name="is_active" value="0">
                                <input type="checkbox" name="is_active" value="1" class="form-check-input" id="active_{{ $policy->id }}" @checked($policy->is_active)>
                                <label class="form-check-label" for="active_{{ $policy->id }}">Active</label>
                            </div>
                            <div class="mt-3">
                                <span class="badge bg-light text-dark border text-uppercase">{{ $policy->priority }}</span>
                            </div>
                            <button type="submit" class="btn btn-primary mt-3">Save policy</button>
                        </form>
                    </x-chm.card>
                </div>
            @endforeach
        </div>
    </x-chm.layout.page>
</div>

@endsection