@extends('layouts.admin')
@section('title')
    افزودن منو
@endsection
@section('content')
    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid">
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">افزود منو</h4>
                            @include('admin.index.messages')

                            <form class="m-t-30" action="/admin/menu" method="post">
                                @csrf
                                <div class="form-group">
                                    <label>زبان</label>
                                    <select class="form-control custom-select" name="locale" required>
                                        <option value="fa">فارسی</option>
                                        <option value="en">انگلیسی</option>
                                        <option value="ru">روسی</option>
                                    </select>
                                    @if($errors->has('locale'))
                                        <span>{{ $errors->first('locale') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label>جایگاه</label>
                                    <select class="form-control custom-select" name="position" required>
                                        <option value="header" selected>هدر</option>
                                        <option value="footer">فوتر</option>
                                    </select>
                                    @if($errors->has('position'))
                                        <span>{{ $errors->first('position') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label>دسته</label>
                                    <select class="form-control custom-select" name="menu_id">
                                        <option value="" selected>منوی اصلی</option>
                                        @foreach($menu as $item)
                                            <option value="{{ $item['id'] }}">{{ $item['title'] }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('menu_id'))
                                        <span>{{ $errors->first('menu_id') }}</span>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="title">عنوان</label>
                                    <input type="text" class="form-control" required name="title" value="{{ old('title') }}" id="title" aria-describedby="title" placeholder="عنوان">
                                    @if($errors->has('title'))
                                        <span>{{ $errors->first('title') }}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="url">آدرس</label>
                                    <input type="text" class="form-control" name="url" value="{{ old('url') }}" id="url" aria-describedby="url" placeholder="آدرس">
                                    @if($errors->has('url'))
                                        <span>{{ $errors->first('url') }}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label>صفحات</label>
                                    <select class="form-control custom-select" name="page_id">
                                        <option value="" disabled selected>انتخاب</option>
                                        @foreach($page as $item)
                                            <option value="{{ $item->id }}">{{ $item->title }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('page_id'))
                                        <span>{{ $errors->first('page_id') }}</span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="sort">اولویت</label>
                                    <input type="number" class="form-control" required name="sort" value="{{ old('sort') }}" id="sort" aria-describedby="sort" placeholder="ترتیب">
                                    @if($errors->has('sort'))
                                        <span>{{ $errors->first('sort') }}</span>
                                    @endif
                                </div>

                                <div class="form-group row p-t-20">
                                    <div class="col-sm-4">
                                        <div class="custom-control custom-radio">
                                            <input type="radio" id="customRadio1" checked name="active" value="1"   class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio1">فعال</label>
                                        </div>
                                        <div class="custom-control custom-radio">
                                            <input type="radio" id="customRadio2" name="active" value="0"   class="custom-control-input">
                                            <label class="custom-control-label" for="customRadio2">غیرفعال</label>
                                        </div>
                                    </div>
                                </div>

                                <button type="submit" class="btn btn-primary">ذخیره</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection