<div>
    <form role="form" wire:submit.prevent="store">
        <div class="form-row" wire:ignore>
            <div class="form-group col-md-12 mb-0">
                <label for="user_id">کاربر *</label>
                <select class="form-control" id="user_id" autofocus required wire:model.defer="user_id">
                    <option value="">کاربر مورد نظر را انتخاب کنید</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}">{{ $user->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        @error('user_id')
            <span class="text-danger" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
        <div class="form-row mt-3">
            <div class="form-group col-md-6">
                <label for="priority">اولویت *</label>
                <select class="form-control @error('priority') is-invalid @enderror" id="priority" required wire:model.defer="priority">
                    @foreach(\App\Enums\TicketPriority::getInstances() as $enum)
                        <option value="{{ $enum->value }}">{{ $enum->description }}</option>
                    @endforeach
                </select>
                @error('priority')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="form-group col-md-6">
                <label for="title">عنوان *</label>
                <input type="text" class="form-control @error('title') is-invalid @enderror" required id="title" wire:model.defer="title">
                @error('title')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-md-12">
                <label for="ticketMessage">متن تیکت *</label>
                <textarea class="form-control @error('ticketMessage') is-invalid @enderror" id="ticketMessage" required wire:model.defer="ticketMessage" rows="5"></textarea>
                @error('ticketMessage')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>
        <table class="table table-hover mt-2">
            <small class="text-muted">* شما می‌توانید با زدن دکمه افزودن پیوست حداکثر ۵ فایل با فرمت‌های doc, pdf, docx, zip, jpg, png, jpeg و تا حجم ۲ مگابایت آپلود کنید.</small>
            <thead>
                <tr>
                    <th>عنوان فایل *</th>
                    <th>فایل *</th>
                    <th>عملیات</th>
                </tr>
            </thead>
            <tbody>
                @if(count($items))
                    @foreach($items as $index => $item)
                        <tr>
                            <td>
                                <input type="text" class="form-control @error('items.'.$index.'.name') is-invalid @enderror" wire:model.defer="items.{{$index}}.name" required>
                                @error('items.'.$index.'.name')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input type="file" class="form-control @error('items.'.$index.'.path') is-invalid @enderror" wire:model.defer="items.{{$index}}.path" required>
                                @error('items.'.$index.'.path')
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <button type="button" class="btn btn-danger btn-sm" wire:click="removeItem({{ $index }})">
                                    <span class="fa fa-trash"></span> حذف
                                </button>
                            </td>
                        </tr>
                    @endforeach
                @endif
            </tbody>
            @if(count($items) < 5)
                <tfoot>
                <tr>
                    <td colspan="2"></td>
                    <td>
                        <button type="button" id="add-item" class="btn btn-success btn-sm" wire:click="addItem"><span class="fa fa-plus"></span> افزودن پیوست</button>
                    </td>
                </tr>
                </tfoot>
            @endif
        </table>
        <button type="submit" class="btn btn-primary">ذخیره</button>
        <a href="{{ route('admin.tickets.index') }}" class="btn btn-danger float-left">لغو</a>
    </form>
</div>

@push('scripts')
    @include('livewire.admin.partials.select2', ['selectId' => 'user_id', 'selectVar' => 'user_id'])
@endpush