@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'Create Menu')
@section('content')

    <div class="card">

        <form action="{{ route('admin.menus.store') }}" method="POST">
            @csrf

            <div>
                <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between">
                    <h2>
                        {{ __('translate.Create Menu') }}
                    </h2>
                    <a href="{{ route('admin.menus.index') }}" class="btn-primary bg-headline border-headline">
                        <i class="fa fa-list mr-2"></i>
                        {{ __('translate.Menu List') }}
                    </a>
                </div>

                <div class="mb-8 mt-5">

                    <div class="mb-4 input-with-label">
                        <label>
                            {{ __('translate.Name') }} *
                        </label>
                        <input type="text" name="name" value="{{ old('name') }}" required>
                        @error('name')
                            <span class="text-red-600 text-sm mt-1">{{ $message }}</span>
                        @enderror
                    </div>


                    <div class="mb-4 input-with-label">
                        <label>
                            {{ __('translate.Description') }}
                        </label>
                        <textarea class="resize-vertical" name="description" rows="3">{{ old('description') }}</textarea>
                        @error('description')
                            <span class="text-red-600 text-sm mt-1">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="mb-4 input-with-label">
                        <label>
                            {{ __('translate.Menu Location') }}
                        </label>
                        <select name="location" class="form-select">
                            <option value="">{{ __('translate.None') }}</option>
                            @foreach ($locations as $location => $details)
                                <option value="{{ $location }}" {{ old('location') == $location ? 'selected' : '' }}>
                                    {{ $details['name'] }} - {{ $details['description'] }}
                                </option>
                            @endforeach
                        </select>
                        @error('location')
                            <span class="text-red-600 text-sm mt-1">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="mb-4 input-with-label">
                        <label>
                            {{ __('translate.Status') }}
                        </label>
                        <div class="flex items-center">
                            @include('backend::components.checkbox-slider', [
                                'name' => 'status',
                            ])
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn-primary">
                    {{ __('translate.Create Menu') }}
                </button>
            </div>
        </form>
    </div>
@endsection