@extends('layouts.app')

@section('title', __('dashboard.Reservation Users'))

@section('content')
    <div class="app-card">
        <div class="app-card__header">
            <h3 class="app-card__title">{{ __('dashboard.Reservation Users') }} - {{ $reservation->id }}</h3>
        </div>
        <div class="app-card__body">

             @if(session('success'))
                <div class="app-alert app-alert--success">
                    {{ session('success') }}
                </div>
            @endif

            <dl class="app-grid">
                <dt class="sm:col-span-4">{{ __('dashboard.Created By') }}:</dt>
                <dd class="sm:col-span-8">{{ optional($reservation->creator)->name ?? __('dashboard.N/A') }}</dd>

                <dt class="sm:col-span-4">{{ __('dashboard.Delivered By') }}:</dt>
                <dd class="sm:col-span-8">{{ optional($reservation->deliverer)->name ?? __('dashboard.N/A') }}</dd>

                <dt class="sm:col-span-4">{{ __('dashboard.Finished By') }}:</dt>
                <dd class="sm:col-span-8">{{ optional($reservation->finisher)->name ?? __('dashboard.N/A') }}</dd>
            </dl>

            @canany(['edit reservation', 'change reservation creator'])  {{-- Policy Check --}}
            <hr>
            <h4 class="mb-3">{{__('dashboard.Edit User Assignments')}}</h4>

            <form action="{{ route('dashboard.reservations.update_users', $reservation) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="created_by" class="app-label">{{ __('dashboard.Created By') }}</label>
                    <select class="app-input app-select @error('created_by') app-input--invalid @enderror" id="created_by" name="created_by">
                        <option value="">{{ __('dashboard.Select User') }}</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @selected(old('created_by', $reservation->created_by) == $user->id)>{{ $user->name }}</option>
                        @endforeach
                    </select>
                    @error('created_by')
                        <div class="app-field-error">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="delivered_by" class="app-label">{{ __('dashboard.Delivered By') }}</label>
                    <select class="app-input app-select @error('delivered_by') app-input--invalid @enderror" id="delivered_by" name="delivered_by">
                        <option value="">{{ __('dashboard.Select User') }}</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @selected(old('delivered_by', $reservation->delivered_by) == $user->id)>{{ $user->name }}</option>
                        @endforeach
                    </select>
                    @error('delivered_by')
                        <div class="app-field-error">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="finished_by" class="app-label">{{ __('dashboard.Finished By') }}</label>
                    <select class="app-input app-select @error('finished_by') app-input--invalid @enderror" id="finished_by" name="finished_by">
                        <option value="">{{ __('dashboard.Select User') }}</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" @selected(old('finished_by', $reservation->finished_by) == $user->id)>{{ $user->name }}</option>
                        @endforeach
                    </select>
                    @error('finished_by')
                        <div class="app-field-error">{{ $message }}</div>
                    @enderror
                </div>


                <button type="submit" class="app-btn app-btn--primary">{{ __('dashboard.Update') }}</button>
                 <a href="{{ route('dashboard.reservations.index') }}" class="app-btn app-btn--secondary">{{ __('dashboard.Back') }}</a>
            </form>
            @endcan

        </div>
    </div>
@endsection