@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Report incident'))
@section('content')
    <style>
        .select2-selection__rendered { line-height: 31px !important; }
        .select2-container .select2-selection--single { height: 35px !important; }
        .select2-selection__arrow { height: 34px !important; }
    </style>
    <div class="row mt-3 mb-3">
        <div class="col-lg-9">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{ __('New incident') }}</h5>
                    <a href="{{ route('dm.incidents.index') }}" class="btn btn-sm btn-light">{{ __('Back') }}</a>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('dm.incidents.store') }}" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label for="dm_incident_staff_id">{{ __('Employee') }}</label>
                            <select name="staff_id" id="dm_incident_staff_id" class="form-control select2-dm-staff" required
                                    data-placeholder="{{ __('Search by name or ID…') }}">
                                <option value=""></option>
                                @foreach($staffList as $s)
                                    @php
                                        $uid = $s->user_id ?? $s->user?->id;
                                        $label = ($s->user?->name ?? __('Unknown')).' ('.$uid.')';
                                    @endphp
                                    <option value="{{ $s->id }}" @selected((string) old('staff_id') === (string) $s->id)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Category') }}</label>
                            <select name="disciplinary_category_id" class="form-control" required>
                                @foreach($categories as $c)
                                    <option value="{{ $c->id }}" @selected(old('disciplinary_category_id') == $c->id)>{{ $c->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Incident date') }}</label>
                            <input type="date" name="incident_date" class="form-control" required value="{{ old('incident_date', now()->toDateString()) }}">
                        </div>
                        <div class="form-group">
                            <label>{{ __('Description') }}</label>
                            <textarea name="description" class="form-control" rows="5" required>{{ old('description') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Evidence files') }}</label>
                            <input type="file" name="evidence[]" class="form-control-file" multiple>
                        </div>
                        <button type="submit" class="btn btn-primary">{{ __('Create incident & case') }}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        (function ($) {
            $(function () {
                var $el = $('#dm_incident_staff_id');
                if (!$el.length || typeof $.fn.select2 !== 'function') return;
                $el.select2({
                    width: '100%',
                    placeholder: $el.data('placeholder') || ''
                });
            });
        })(window.jQuery);
    </script>
@endsection