@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Rule Applicabilities</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ url($alias . '/home') }}">Home</a>
                    </li>
                    <li class="breadcrumb-item active">Rule Applicabilities</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header border-bottom">
                        <div>
                            <h4 class="card-title mb-0">Rule Applicabilities</h4>
                            <small class="text-muted">Manage reusable rule scope for leave, overtime, and penalty.</small>
                        </div>
                        @php
                            $createQuery = [];
                            if ($selectedModuleType) {
                                $createQuery['module_type'] = $selectedModuleType;
                            }
                            if ($selectedRuleId) {
                                $createQuery['rule_id'] = $selectedRuleId;
                            }
                        @endphp
                        <a href="{!! route('applicabilities.create', ['alias' => $alias]) !!}{{ count($createQuery) ? '?' . http_build_query($createQuery) : '' }}" class="btn btn-success">
                            Add New
                        </a>
                    </div>
                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ session('status') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif

                        <form method="GET" action="{!! route('applicabilities.index', ['alias' => $alias]) !!}" class="row g-2 mb-3">
                            <div class="col-md-4">
                                <label for="module_type" class="form-label">Filter By Module</label>
                                <select name="module_type" id="module_type" class="form-select">
                                    <option value="">All Modules</option>
                                    @foreach ($moduleTypes as $moduleType)
                                        <option value="{{ $moduleType }}" @if ($selectedModuleType === $moduleType) selected @endif>
                                            {{ ucfirst($moduleType) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-8 d-flex align-items-end gap-1">
                                <button type="submit" class="btn btn-primary">Filter</button>
                                <a href="{!! route('applicabilities.index', ['alias' => $alias]) !!}" class="btn btn-outline-secondary">Reset</a>
                            </div>
                        </form>

                        <div class="table-responsive">
                            <table class="table table-bordered table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>Module</th>
                                        <th>Rule ID</th>
                                        <th>Conditions Summary</th>
                                        <th class="text-center" style="width: 180px;">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($applicabilities as $applicability)
                                        <tr>
                                            <td>{{ ucfirst($applicability->module_type) }}</td>
                                            <td>{{ $applicability->rule_display }}</td>
                                            <td>{{ $applicability->conditions_summary }}</td>
                                            <td class="text-center">
                                                <a href="{!! route('applicabilities.edit', ['alias' => $alias, 'id' => $applicability->id]) !!}"
                                                    class="btn btn-sm btn-outline-primary">
                                                    Edit
                                                </a>
                                                <form method="POST"
                                                    action="{!! route('applicabilities.destroy', ['alias' => $alias, 'id' => $applicability->id]) !!}"
                                                    class="d-inline"
                                                    onsubmit="return confirm('Delete this applicability?');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center py-3">No rule applicabilities found.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        {{ $applicabilities->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection