@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('New Incident'))
@section('content')
    @include('admin.disciplinary.partials.styles')
    <div class="container-fluid dm-wrap">
        <div class="row mt-3 mb-3">
            <div class="col-lg-8 col-xl-7">
                <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
                    <div>
                        <h4 class="page-title mb-1">{{ __('New Incident') }}</h4>
                        <p class="text-muted small mb-0">{{ __('Creates an incident and opens a disciplinary case.') }}</p>
                    </div>
                    <a href="{{ route('dm.incidents.index') }}" class="btn btn-sm btn-light">{{ __('Back') }}</a>
                </div>
                <div class="card">
                    <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>
                                <small class="text-muted">{{ __('Max 10 MB per file. Downloadable later from the case page.') }}</small>
                            </div>
                            <button type="submit" class="btn btn-primary">{{ __('Create incident & case') }}</button>
                        </form>
                    </div>
                </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