@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Create Menu - {{ $website->name }}</h1>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                <form action="{{ route('menus.store', $website) }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label for="name" class="form-label">Menu Name</label>
                        <input type="text" class="form-control @error('name') is-invalid @enderror"
                               id="name" name="name" value="{{ old('name') }}" required>
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    @php
                        use App\Support\MenuLocations;
                        $locations = MenuLocations::all($website);
                        $assignedLocations = $website->menus->pluck('location')->toArray();
                    @endphp
                    <div class="mb-3">
                        <label for="location" class="form-label">Menu Location</label>
                        <select class="form-select @error('location') is-invalid @enderror" id="location" name="location" required>
                            <option value="">Select Location</option>
                            @foreach($locations as $key => $label)
                                <option value="{{ $key }}" {{ old('location') == $key ? 'selected' : '' }} {{ in_array($key, $assignedLocations) ? 'disabled' : '' }}>
                                    {{ $label }}
                                    @if(in_array($key, $assignedLocations)) (Already Assigned) @endif
                                </option>
                            @endforeach
                        </select>
                        @error('location')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('menus.index', $website) }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-primary">Create Menu</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection