@extends('layouts.adminlayouts.app')
@section('title')
<title>New Role | Company Name</title>
@endsection
@push('css')

<style type="text/css">
  label {
    cursor: pointer;
  }
</style>
      <!-- Select2 -->
  <link rel="stylesheet" href="{{asset('admin_asset/css/plugins/select2/select2.min.css')}}">

@endpush
@section('contents')

<div class="row">
  <div class="col-lg-12">

    @include('alerts.alerts')

    <div class="ibox">
        <div class="ibox-title">
          <span class="pull-right">
            <a class="btn btn-sm btn-primary" href="{{route('admin.rolesAll')}}" >All Roles</a>
          </span>
          <h5>New Roles</h5>
        </div>
      <div class="ibox-content">
         <form action="{{route('admin.roleCreatePost')}}" method="post">
            @csrf
        <div class="row">
          <div class="col-md-4">
           
            <div style="border: 1px solid #e3e3f4;padding: 5px;">

 

          <div class="form-group">
              <label>User (Email)</label>

              <select id="user"
            name="user"
            class="form-control select2-container step2-select select2"
            data-placeholder="Name, Email, Usernam, or Mobile Number"
            data-ajax-url="{{route('user.userSelectAjax')}}"
            data-ajax-cache="true"
            data-ajax-dataType="json"
            data-ajax-delay="200"
            style="width: 100%;">
                <option>{{old('user')}}</option>
              </select>

            </div>


            <div class="form-group">
              <label>Roles Name</label>
              <input type="text" name="role_value" class="form-control" placeholder="Type Roles Name">
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-success">Submit</button>
            </div>



          </div>
          
          </div>
          <div class="col-md-8">
           <table class="table table-bordered table-hover">
               <tr>
                   <th>Permission</th>
                   <th></th>
                   <th></th>
                   <th></th>
                   <th><label><input class="checkbox" type="checkbox" name="checkall" id="checkall" style="display: inline-block;"> All 
                            </label>
                    </th>
               </tr>
               <tr>
                   <td>
                     Products
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="product_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="product_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="product_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="product_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Catagory
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="category_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="category_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="category_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="category_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Sub Catagory
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="subcategory_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subcategory_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subcategory_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subcategory_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Sub Sub Catagory
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="subsubcategory_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subsubcategory_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subsubcategory_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="subsubcategory_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Brands
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="brand_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="brand_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="brand_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="brand_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Colors
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="color_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="color_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="color_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="color_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products Size
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="size_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="size_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="size_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="size_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                    Products attribute
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="attribute_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="attribute_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="attribute_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="attribute_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Orders Managements
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_complete"> <i></i>Complete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_panding"> <i></i>Panding</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_approved"> <i></i>Approved</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_delivery"> <i></i>On Delivery</label>
                   </td>
                   
               </tr>
               <tr>
                   <td>
                     Orders Managements
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_cancel"> <i></i>Cancel</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="order_return"> <i></i>Return</label>
                   </td>
                   <td>
                   </td>
                   <td>
                   </td>
               </tr>
               <tr>
                   <td>
                     Pages
                   </td>
                    <td>
                     <label> <input name="permission[]" type="checkbox" value="page_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="page_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="page_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="page_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Delivery Services
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="delivery_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="delivery_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="delivery_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="delivery_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Administrator Users
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="administrator_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="administrator_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="administrator_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="administrator_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Customer Users
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="customer_view"> <i></i>View</label>
                   </td>

                   <td>
                     <label> <input name="permission[]" type="checkbox" vcustomeralue="customer_edit"> <i></i>Edit</label>
                   </td>

                   <td>
                     <label> <input name="permission[]" type="checkbox" value="customer_delete"> <i></i>Delete</label>
                   </td>

                   <td>
                     <label> <input name="permission[]" type="checkbox" vcustomeralue="customer_list"> <i></i>List</label>
                   </td>
 
                   
               </tr>
               <tr>
                   <td>
                     Vendor Users
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="seller_view"> <i></i>View</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="seller_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="seller_approved"> <i></i>approved</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="seller_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Slider & Banner
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="sliderbanner_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="sliderbanner_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="sliderbanner_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="sliderbanner_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Menus Setting
                   </td>
                  <td>
                     <label> <input name="permission[]" type="checkbox" value="menu_add"> <i></i>Add</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="menu_edit"> <i></i>Edit</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="menu_delete"> <i></i>Delete</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="menu_list"> <i></i>List</label>
                   </td>
               </tr>
               <tr>
                   <td>
                     Apps Setting
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="appssetting_view"> <i></i>View</label>
                   </td>
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="appssetting_edit"> <i></i>Edit</label>
                   </td>
                    
                   <td>
                     <label> <input name="permission[]" type="checkbox" value="appssetting_list"> <i></i>List</label>
                   </td>
                   
                   <td>
                     
                   </td>
               </tr>
           </table>
          </div>
        </div>
        </form>
        </div>
    </div>
</div>
</div>


@endsection
@push('js')
<script type="text/javascript">
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
        $('input:checkbox').toggleClass('checked');
      });

  });
</script>

<script src="{{asset('admin_asset/js/plugins/select2/select2.full.min.js')}}"></script>
<script>
  $(document).ready(function () {
  $('.select2').select2({
    minimumInputLength: 0,
    ajax: {
      data: function (params) {
        return {
          q: params.term, // search term
          page: params.page
        };
      },
      processResults: function (data, params) {
        params.page = params.page || 1;
        // alert(data[0].s);
        var data = $.map(data, function (obj) {
          obj.id = obj.id || obj.email;
          return obj;
        });
        var data = $.map(data, function (obj) {
          obj.text = obj.text || obj.email;
          return obj;
        });
        return {
          results: data,
          pagination: {
            more: (params.page * 30) < data.total_count
          }
        };
      }
    },
  });
});
</script>
@endpush