@extends('adminlayout.admin')
@section('content')
<style >
   .cursor{
   cursor: pointer;
   }
   .nk-content-fluid{
   margin-top: 65px;
   position: relative;
   }
   .team-info li{
   font-size: .7900rem !important;
   }
   .margin-top{
        margin-top: 10px;
   }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />

<div class="content-wrapper">
<section class="content-header" style="float:right;">
   <a class="btn btn-lg btn-info" href="{{ route('index_sidebar')}}">
        <i class="fa fa-long-arrow-left"></i>
        Back
        </a>
        
  </section>
  <BR><BR>
  <section class="content">   
<div class="row">
   <div class="col-xs-12">
      <div class="box box-success">
        <div class="box-header">
            <h3 class="box-title">
               Add Sidebar Menu </h3>
          </div>
         <form method="post" action="{{ route('updateSidebar') }}" enctype="multipart/form-data">
            @csrf
            <div class="container">
                <div class="row">
                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="parent_id">Parent</label>
                            <select class="form-control form-select form-control-lg" name="parent_id" data-search="on">
                                 <option value="">Select Parent</option>
                                 @foreach($parent_data as $data)
                                 <option value="{{ $data->id }}" {{ ( $data->id == $edit_data->parent_id) ? 'selected' : '' }}>{{ $data->title }}({{ $data->id }})</option>
                                 @endforeach
                            </select>
                            <span class="text-danger">@if ($errors->has('parent_id')){{  $errors->first('parent_id') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="child_parent_id">Child Parent</label>
                            <select class="form-control form-select form-control-lg" name="child_parent_id" data-search="on">
                                 <option value="">Select Parent</option>
                                 @foreach($child_parent_data as $data)
                                 <option value="{{ $data->id }}" {{ ( $data->id == $edit_data->child_parent_id) ? 'selected' : '' }}>{{ $data->title }}({{ $data->id }})</option>
                                 @endforeach
                            </select>
                            <span class="text-danger">@if ($errors->has('child_parent_id')){{  $errors->first('child_parent_id') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="title">Title <span class="text-danger">*</span></label>
                            <input class="form-control form-control-lg" type="text" name="title" value="{{$edit_data->title}}">
                            <input class="form-control form-control-lg" type="hidden" name="id" value="{{$edit_data->id}}">
                            <span class="text-danger">@if ($errors->has('title')){{  $errors->first('title') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="path">Path </label> (<small style="color:red;">Like: userProfile / javascript::void();</small>)
                            <input class="form-control form-control-lg" type="text" name="path" value="{{$edit_data->path}}">
                            <span class="text-danger">@if ($errors->has('path')){{  $errors->first('path') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="suffix">Suffix</label>
                            <input class="form-control form-control-lg" type="text" name="suffix" value="{{$edit_data->suffix}}">
                            <span class="text-danger">@if ($errors->has('suffix')){{  $errors->first('suffix') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="icon">Icon</label>
                            <input class="form-control form-control-lg" type="text" name="icon" value="{{$edit_data->icon}}">
                            <span class="text-danger">@if ($errors->has('icon')){{  $errors->first('icon') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="image">Image</label>
                            <input class="form-control form-control-lg" type="file" name="image">
                            <span class="text-danger">@if ($errors->has('image')){{  $errors->first('image') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                           <a href="{{ asset($edit_data->image) }}" data-caption="" target="_blank" >
                              <img src="{{ asset($edit_data->image) }}" style="height: 83px;"/>
                           </a>
                        </div>
                     </div>
                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="order_id">Order Number</label>
                            <input class="form-control form-control-lg" type="text" name="order_id" value="{{$edit_data->order_id}}">
                            <span class="text-danger">@if ($errors->has('order_id')){{  $errors->first('order_id') }}@endif</span>
                        </div>
                     </div>

                     <div class="col-sm-6">
                        <div class="form-group ">
                            <label for="controller_name">Controller Name</label>
                            <input class="form-control form-control-lg" type="text" name="controller_name" value="{{$edit_data->controller_name}}">
                            <span class="text-danger">@if ($errors->has('controller_name')){{  $errors->first('controller_name') }}@endif</span>
                        </div>
                     </div>
                     <div class="col-sm-12 text-center">
                        <br><br>
                           <button class="btn btn-lg btn-info" type="submit" data-loading-text="Processing..."> <i class="fa fa-fw fa-save"></i> Submit </button>

                         <br><br> 
                      </div>
                        
                  </div>
                   
                </div>
            </div>
         </form>
            <!-- .nk-block -->
      </div>
   </div>
  </section>
</div>
<script>
    $(document).ready(function () {
      $('select').selectize({
          sortField: 'text'
      });
  });
</script>
@endsection