@extends('admin.layouts.app')
@section('content')
<div class="row">
    <div class="col">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    Assign visitors in event
                </h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.event-options.assing-visitors.post') }}" method="post">
                    @csrf
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="visitors" class="form-label">Visitors <span class="text-danger">*</span></label>
                            <select name="visitors[]" id="visitors" class="select2 w-100 @error('visitors') is-invalid @enderror" data-allow-clear="true" required multiple>
                                @foreach ($visitors as $key => $visitor)
                                <option value="{{ $visitor->id }}">{{ $visitor->first_name . " " . $visitor->last_name }}</option>
                                @endforeach
                            </select>
                            @error('visitors')
                            <span>{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col">
                            <label for="event_id" class="form-label">Event <span class="text-danger">*</span></label>
                            <select name="event_id" id="event_id" class="select2 w-100 @error('event_id') is-invalid @enderror" data-allow-clear="true" required>
                                @foreach ($events as $event)
                                <option value="{{ $event->id }}">{{ $event->name }}</option>
                                @endforeach
                            </select>
                            @error('event_id')
                            <span>{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection