@extends('admin.layouts.layout')
@section('content')
  <!-- Page Header -->
  <div class="page-header">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="page-title">Edit Menu</h3>
        <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="{{route('menu-list', $menu->menu_type_id)}}">Menu List</a></li>
          <li class="breadcrumb-item active">Edit Menu</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- /Page Header -->

  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">

          @if (count($errors) > 0)
            <div class="alert alert-danger">
              @foreach ($errors->all() as $e)
                <p>{{ $e }}</p>
              @endforeach
            </div>
          @endif

          <h4 class="card-title">Edit Menu</h4>
          <form  action="{{route('edit-menu-process', $menu->id)}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Name</label>
                  <input name="name" id="name" type="text" class="form-control" value="{{$menu->name}}">
                </div>
              </div>
            </div>
            @foreach($languages as $lang)
            @php 
              $lang_code = $lang->code; 
              $name_lang = 'name_'.$lang_code; 
            @endphp              
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Name ({{$lang->name}})</label>
                  <input name="name_{{$lang->code}}" id="name_{{$lang->code}}" value="{{$menu->$name_lang}}" type="text" class="form-control">
                </div>
              </div>
            </div>
            @endforeach

            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Page</label>
                  <select name="page_id" id="page_id" class="form-control">                    
                    <option value="">Please Select</option>
                    @foreach($pages as $page)
                    <option @if($page->id == $menu->page_id) selected @endif value="{{$page->id}}">{{$page->page_url}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
            </div>            
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>External Link</label>
                  <textarea name="external_link" id="external_link" class="form-control">{{$menu->external_link}}</textarea>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Parent</label>
                  <select name="parent" id="parent" class="form-control">                    
                    <option value="0">Please Select</option>
                    @foreach($parent_menu as $menu_item)
                    <option @if($menu->parent == $menu_item->id) selected @endif value="{{$menu_item->id}}">{{$menu_item->name}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
            </div> 
            
            @foreach($languages as $lang)
            @php 
              $lang_code = $lang->code; 
              $external_link_lang = 'external_link_'.$lang_code; 
            @endphp                 
            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>External Link ({{$lang->name}})</label>
                  <textarea name="external_link_{{$lang->code}}" id="external_link_{{$lang->code}}" class="form-control">{!! $menu->$external_link_lang !!}</textarea>
                </div>
              </div>
            </div>
            @endforeach    

            <div class="row">
              <div class="col-md-3 col-xs-12">
                <div class="form-group">
                  <label>Priority</label>
                  <input name="priority" id="priority" type="text" class="form-control" value="{{$menu->priority}}">
                </div>
              </div>
            </div>            
            <div class="mt-4">
              <button type="submit" class="btn btn-primary">Update Menu</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection