@extends('Layouts.erp_master')
@section('content')

    <div class="row">
        <div class="col-lg-9 offset-lg-3">

            <div class="form-row form-group align-items-center">
                <label for="menuName" class="col-lg-3 input-title RequiredStar">Parent Menu</label>
                <div class="col-lg-5">
                    <div class="input-group">
                        <select class="form-control clsSelect2" name="parent_menu" id="parentMenuId" disabled>
                               <option value="0">Root</option>
                                @foreach ($parentMenu as $row)
                                    <option value="{{ $row->id }}" {{ $row->id == $frontMenuData->parent_menu ? 'selected' : '' }}>
                                        {{ $row->menu_name }}
                                    </option>
                                @endforeach
                        </select>
                    </div>
                </div>
            </div>
            

            <div class="form-row form-group align-items-center">
                <label for="menuName" class="col-lg-3 input-title RequiredStar">Menu Name</label>
                <div class="col-lg-5">
                    <div class="input-group ">
                        <input type="text" class="form-control round" 
                            value="{{$frontMenuData->menu_name}}" name="menu_name" id="menuName" 
                            data-error="Please enter Menu name." readonly>
                    </div>
                    <div class="help-block with-errors is-invalid"></div>
                </div>
            </div>

            <div class="form-row form-group align-items-center">
                <label for="menuTitle" class="col-lg-3 input-title RequiredStar">Menu Title</label>
                <div class="col-lg-5">
                    <div class="input-group">
                        <input type="text" class="form-control round" value="{{$frontMenuData->menu_title}}"
                            name="menu_title" id="menuTitle" required
                            data-error="Please enter Menu Title.">
                    </div>
                    <div class="help-block with-errors is-invalid" id="txtCodeError"></div>
                </div>
            </div>

            <div class="form-row form-group align-items-center">
                <label for="slugUrl" class="col-lg-3 input-title RequiredStar">Slug Url</label>
                <div class="col-lg-5">
                    <div class="input-group ">
                        <input type="text" class="form-control round" name="slug_url"
                            value="{{$frontMenuData->slug_url}}" id="slugUrl"
                            readonly>
                    </div>
                    <div class="help-block with-errors is-invalid"></div>
                </div>
            </div>

            <div class="form-row form-group align-items-center">
                <label for="menuOrder" class="col-lg-3 input-title">Menu Order</label>
                <div class="col-lg-5">
                        <div class="input-group">
                            <input type="number" class="form-control round" name="order_by"
                            value="{{$frontMenuData->order_by}}" id="menuOrder"  readonly>
                        </div>
                    <div class="help-block with-errors is-invalid"></div>
                </div>
            </div>

            @include('elements.button.common_button', [
                        'back' => true,
                        'print' => [
                            'action' => 'print',
                            'title' => 'Print',
                            'exClass' => 'float-right',
                            'jsEvent' => 'onclick= window.print()'
                        ]
                    ])
        </div>
    </div>

@endsection