@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-lg-11">
        <div class="card">
            <ul class="nav nav-tabs nav-fill border-light">
            @foreach (\App\Models\Language::all() as $key => $language)
                <li class="nav-item">
                    <a class="nav-link text-reset @if ($language->code == $lang) active @else bg-soft-dark border-light border-left-0 @endif py-3" href="{{ route('website.headar', ['lang'=> $language->code] ) }}">
                        <img src="{{ static_asset('assets/backend/images/lang/'.$language->code.'.png') }}" height="11" class="mr-1">
                        <span>{{$language->name}}</span>
                    </a>
                </li>
            @endforeach
            </ul>
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{translate('Header Nav Menu ')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                    <form action="{{ route('update.setting') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="header-nav-menu">
                            <input type="hidden" name="header_menus" value="header_menus">
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-6 col-md-6 mx-auto">
                                    <div>
                                        <label for="basiInput" class="form-label">{{translate('Menu name')}}</label>
                                        <input type="text" class="form-control" name="menu_title"  placeholder="{{translate('Menu lable')}}" @error('menu_title') is-invalid @enderror >
                                        @error('menu_title')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror 
                                    </div>
                                </div>
                            </div>

                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-6 col-md-6 mx-auto">
                                    <div>
                                        <label for="basiInput" class="form-label">{{translate('Menu url')}}</label>
                                        <input type="text" class="form-control" name="url" placeholder="Link with http:// or https://" @error('url') is-invalid @enderror>
                                        @error('url')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror 
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4 mb-2">
                                <div class="col-xxl-6 col-md-6 mx-auto">
                                    <label for="basiInput" class="form-label">{{translate('Order')}}</label>
                                    <input type="text" class="form-control" name="order" placeholder="Order" @error('order') is-invalid @enderror>
                                    <span class="text-muted fs-12">Use highest no. for high priority</span>
                                    @error('order')
                                    <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror 
                                </div>
                            </div>
                            <div class="row gy-4 mb-3">
                                <div class="col-xxl-6 col-md-6 mx-auto">
                                    <label for="basiInput" class="form-label">{{translate('Select parent menu')}}</label>
                                    <select class="form-control rns-selectpicker" name="parent_id" @error('parent_id') is-invalid @enderror>
                                    <option selected disabled>{{translate('Select Parent Menu')}}</option>
                                    @foreach($menus as $datas)
                                                                                <option value="{{$datas->id}}"> {{ $datas->getTranslation('menu_title') }}</option>
                                        @if(count($datas->childs))
                                            @include('backend.website_setup.menus.menulist-option',['menu_datas' => $datas->childs])
                                        @endif
                                    @endforeach
                                    </select>
                                    @error('parent_id')<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>@enderror
                                </div>
                            </div>
                            
                            <div class="row gy-4 mb-2">
                                <div class="col-xxl-10 col-md-10 text-end">
                                    <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--end col-->
</div>
@endsection