@extends('layouts.admin')
@section('page_title')
@parent
مدیریت تب ها
@endsection
@section('main')

  <div class="header">
    <h2>مدیریت تب ها</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/menu-manage">فهرست ها</a></li>
        <li><a href="/admin/mega-menu-manage">مدیریت مگامنو</a></li>
        <li class="active">مدیریت تب ها</li>
      </ol>
    </div>
    @include('admin.error')
  </div>

    <div class="row">
      <div class="col-sm-4">
        <div class="panel">
            <div class="panel-header bg-blue">
                <h4>افزودن تب جدید</h4>
            </div>
            <div class="panel-content">
                <p>شما میبایست در این قسمت ستون خود را وارد نمائید</p><br>
            {!! Form::open(['url' => '/admin/mega-menu-manage/'.$mega->id.'/tabs/newhandle', 'method' => 'post']) !!}
                <div class="form-group">
                  <label for="name"> نام ستون</label>
                  <input type="text" class="form-control input-sm" name="title" required>
                </div>
                <div class="form-group">
                  <label for="name">آی دی دسته بندی پرفروش ترین</label>
                  <input type="text" class="form-control input-sm" name="cat_id">
                </div>    
                <div class="form-group">
                  <label for="name">آی دی برچسب</label>
                  <input type="text" class="form-control input-sm" name="tag_id">
                </div>                  
                <div class="form-group">
                  <label for="name"> ترتیب</label>
                  <input type="number" class="form-control input-sm" value="1" min="1" name="sort" required>
                </div>
                <button type="submit" class="btn btn-dark"><i class="fa fa-plus"></i> افزودن ستون </button>
            {!! Form::close() !!}
            </div>
        </div>
      </div>
      <div class="col-sm-8">
        <div class="panel">
            <div class="panel-content">
              <table class="table table-hover table-dynamic">
                  <thead>
                    <tr>
                      <th>اولویت</th>
                      <th>نام ستون</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody>
                  @foreach($tabs as $tab)
                      <tr>
                        <td>{{$tab->sort}}</td>
                        <td>{{$tab->title}}</td>
                        <td>

                            <button class="btn btn-warning btn-sm" data-toggle="modal" data-target="#{{$tab->id}}-edit" title="ویرایش" ><i class="icon-settings" data-toggle="tooltip" title="ویرایش"></i></button>

                            <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{$tab->id}}-del"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>

                        </td>
                      </tr>

                            <!-- Modal Edit -->
                              <div id="{{$tab->id}}-edit" class="modal fade" role="dialog">
                                <div class="modal-dialog">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/mega-menu-manage/'.$mega->id.'/tabs/edit/'.$tab->id, 'method' => 'post']) !!}
                                    <div class="modal-header bg-blue">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">ویرایش {{$tab->name}} </h4>
                                    </div>
                                    <div class="modal-body">
                                          <div class="form-group">
                                            <label for="name"> نام ستون</label>
                                            <input type="text" class="form-control input-sm" name="title" value="{{$tab->title}}">
                                          </div>
                                            <div class="form-group">
                                              <label for="name">آی دی دسته بندی پرفروش ترین</label>
                                              <input type="text" class="form-control input-sm" name="cat_id" value="{{$tab->cat_id}}">
                                            </div> 
                                            <div class="form-group">
                                              <label for="name">آی دی برچسب</label>
                                              <input type="text" class="form-control input-sm" name="tag_id" value="{{$tab->tag_id}}">
                                            </div>                                              
                                          <div class="form-group">
                                            <label for="name"> ترتیب</label>
                                            <input type="number" class="form-control input-sm" value="{{$tab->sort}}" min="1" name="sort" required>
                                          </div>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-success">به روزرسانی</button>
                                      <button type="button" class="btn btn-danger" data-dismiss="modal">بستن</button>
                                    </div>

                                   {!! Form::close() !!}
                                  </div>

                                </div>
                              </div>
                              <!-- Close Modal Edit -->


                              <!-- Modal Del -->
                              <div id="{{$tab->id}}-del" class="modal fade" role="dialog">
                                <div class="modal-dialog">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/mega-menu-manage/'.$mega->id.'/tabs/delete/'.$tab->id, 'method' => 'post']) !!}
                                    <div class="modal-header bg-blue">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">حذف {{$tab->title}} </h4>
                                    </div>
                                    <div class="modal-body">

                                      <p style="font-size:14px;">آیا از حذف ستون <strong>{{$tab->title}}</strong> مطمئن هستید؟</p>

                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-danger">حذف</button>
                                      <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                    </div>
                                  {!! Form::close() !!}
                                  </div>

                                </div>
                              </div>
                              <!-- Close Modal Del -->
                  @endforeach
                  </tbody>
                </table>

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

@endsection