@extends('Admin.master_layout.master')

@section('title', 'My Aliases')

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<style>

</style>
<div id="content">
  <div id="content-header">
    <div id="breadcrumb">
      <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
        <i class="icon-home"></i> Home
      </a>
      <a href="{{ url('my-aliases') }}" title="Go to My Aliases" class="tip-bottom">
       My Aliases
     </a>
   </div>
   <h1>My Aliases</h1>
 </div>
 <div class="container-fluid">

  <hr>
  <div class="row-fluid">
    <div class="span12">


      @if (Session::has('message'))
      <div class="alert alert-info">{!! Session::get('message') !!}</div>
      @endif
      @if (Session::has('error'))
      <div class="alert alert-danger">{!! Session::get('error') !!}</div>
      @endif
      @if (Session::has('success'))
      <div class="alert alert-success">{!! Session::get('success') !!}</div>
      @endif
      <div class="widget-box">
        <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
          <h5>My Aliases</h5>
          <span class="pull-right" style="padding: 7px;">  <a class="btn btn-mini btn-primary" href="{{url('my-aliases-reset')}}">Reset</a></span>
        </div>
        <div class="widget-content nopadding">
          <table class="table table-bordered ">
            <thead>
              <tr>
                <th>Tap on icon to change the icon.</th>

              </tr>
            </thead>
            <tbody>

             @if( checkIfCustomAliases())
             @foreach(checkIfCustomAliases() as $key => $cmenu)

             @if(checkRolePermissionArr(getMenuPermissionSulg($cmenu['id'])) || $cmenu['is_default'])
             <tr><td> <a href="javascript:fillForm1('{{$cmenu['name']}}','{{$cmenu['menu_order']}}','{{$cmenu['is_menu_hide']}}','{{$cmenu['id']}}')">@if($cmenu['icon'] == NULL) <i class="icon icon-tasks"></i> @else  <img src="{{ URL::to('/') }}/public/uploads/menu_icon/{{ $cmenu['icon'] }}" alt="icon" width="20px" height="20px" /> @endif</a> <a href="javascript:fillForm('{{$cmenu['name']}}','{{$cmenu['menu_order']}}','{{$cmenu['is_menu_hide']}}','{{$cmenu['id']}}')"> <span>{{ $cmenu['name']}}</span> </a>
             </td></tr>

             @if(checkIfCustomAliases($cmenu['id']))

             @foreach(checkIfCustomAliases($cmenu['id']) as $key => $csubmenu)

             @if(checkRolePermission($csubmenu['permission_slug']) )
             <tr><td> --- <a href="javascript:fillForm1('{{$csubmenu['name']}}','{{$csubmenu['menu_order']}}','{{$csubmenu['is_menu_hide']}}','{{$csubmenu['id']}}')">@if($csubmenu['icon'] == NULL) <i class="icon icon-tasks"></i> @else  <img src="{{ URL::to('/') }}/public/uploads/menu_icon/{{ $csubmenu['icon'] }}" alt="img" width="20px" height="20px" /> @endif</a> <a href="javascript:fillForm('{{$csubmenu['name']}}','{{$csubmenu['menu_order']}}','{{$csubmenu['is_menu_hide']}}','{{$csubmenu['id']}}')"> <span>{{ $csubmenu['name']}}</span> </a>
             </td></tr>
             @endif
             @endforeach
             @endif
             @endif

             @endforeach    
             @endif


             

           </tbody>
         </table>
       </div>
     </div>
   </div>
 </div>

 <div class="row-fluid">
  <div class="span12">

    <div class="background" id="myForm">
     <div class="form-popup" >
      <div class="widget-box">
        <div class="widget-title">
         <span class="icon"> <i class="icon-align-justify"></i> </span>
         <h5></h5>
       </div>
       <div class="widget-content nopadding">
        <form action="{{ url('change_aliases') }}" method="post" class="form-horizontal">
          <input type="hidden" name="_token" value="{{ csrf_token() }}">

          <input type="hidden" name="menu_id" id="menu_id" >

          <div class="control-group">
            <label class="control-label">Aliases:</label>
            <div class="controls">
              <input class="span11"  type="text" name="aliases"  id="aliases"  required="">
            </div>
          </div>

          <div class="control-group">
            <label class="control-label">Menu Order:</label>
            <div class="controls">


              <input class="span11" type="text" name="order" id="order"   pattern="\d*" required="">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label">Hide:</label>
            <div class="controls">
              <input type="checkbox" name="hide" id="hide" value="1" />

            </div>
          </div>
          <div class="form-actions">
            <div style="float: right">


              <button type="submit" class="btn btn-primary" onclick="closeForm()">Ok </button>
              <button type="button" class="btn btn-danger" onclick="closeForm()">Close</button>

            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


</div>
</div>


<div class="row-fluid">
  <div class="span12">

    <div class="background" id="myForm1">
     <div class="form-popup" >
      <div class="widget-box">
        <div class="widget-title">
         <span class="icon"> <i class="icon-align-justify"></i> </span>
         <h5></h5>
       </div>
       <div class="widget-content nopadding">
        <form action="{{ url('change_aliases_icon') }}" method="post" class="form-horizontal" enctype='multipart/form-data'>
          <input type="hidden" name="_token" value="{{ csrf_token() }}">

          <input type="hidden" name="menu_id1" id="menu_id1" >
 <input type="hidden" name="aliases1" id="aliases1" >
 <input type="hidden" name="order1" id="order1" >
 <input type="hidden" name="hide1" id="hide1" >

          <div class="control-group">
            <label class="control-label">Icon </label>
            <div class="controls">
              <input class="span11" type="file" name="icon" id="icon" accept="image/*" >
              <div class="showEnt"></div>
            </div>
          </div>

          <div class="form-actions">
            <div style="float: right">


              <button type="submit" class="btn btn-primary" onclick="closeForm1()">Ok </button>
              <button type="button" class="btn btn-danger" onclick="closeForm1()">Close</button>

            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


</div>
</div>

</div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')

<script type="text/javascript">

  function fillForm(name, order, ishide, menuid ){

   var aliases = document.getElementById("aliases");
   var menuorder = document.getElementById("order");
   var hide = document.getElementById("hide");
   var menu_id = document.getElementById("menu_id");

   if(ishide == 1){
    hide.checked = true;
  }

  aliases.value = name;
  menuorder.value = order;
  menu_id.value = menuid;
  openForm();
}

function fillForm1( name, order, ishide, menuid ){

 var menu_id = document.getElementById("menu_id1");

 var aliases = document.getElementById("aliases1");
   var menuorder = document.getElementById("order1");
   var hide = document.getElementById("hide1");

   if(ishide == 1){
    hide.checked = true;
  }

  aliases.value = name;
  menuorder.value = order;
  menu_id.value = menuid; 
 openForm1();
}
</script>
@parent
@endsection