@extends('layouts.app')

@section('page-site-title')
{{trans('app_users.page_title_'.request()->input('type'))}}
@endsection

@section('page-title')
{{trans('app_users.content_title_'.request()->input('type'))}}
@endsection

@section('page_navbar')
@include('layouts.widgets.page-navbar')
@endsection

@section('page_breadcrumb')
@include('layouts.widgets.page-breadcrumb')
@endsection

@section('page_side')
@include('layouts.widgets.page-side')
@endsection

@section('page-content')
    @include('app_users.search')
    <style>
        table.dataTable>tbody>tr.child ul li{
            border-bottom:none !important;
        }
    </style>
<div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
          <div class="portlet-title">
              <div class="caption">
                  <i class="fa fa-reorder"></i> {{trans('app_users.content_title_'.request()->input('type'))}}
              </div>
              <div class="actions">
                  <button type="button" class="btn green" name="active_all" id="app_users_activate_btn"><i class="fa fa-check"></i>
                      {{trans('app_users.active_all')}}
                  </button>
                  <button type="button" class="btn red" name="unactive_all" id="app_users_deactivate_btn"><i class="fa fa-user-times"></i>
                      {{trans('app_users.unactive_all')}}
                  </button>
              </div>
          </div>
      <div class="portlet-body">
        <form action="" id='table_form' method="post">

                    <table class="table table-striped table-bordered table-hover dt-responsive full-users display-hide" id="table_view" width="100%">
                        <thead>
                            <tr>
                                <th style="width:0px!important" class="control"></th>
                                <th><input type="checkbox" id="table_checkall" data-set="#table_view .checkboxes"/> </th>
                                <th>{{trans('app_users.name')}}</th>
                                <th>المحافظة</th>
                                <th>المنطقة</th>
                                <th>رقم الجوال</th>
                                <th>البريد الالكترونى</th>
                                <th>عدد الطلبات</th>
                                <th>موثوق</th>
                                <th>{{trans('app_users.status')}}</th>
                                <th>رابط واتس اب</th>
                                <th></th>
                            </tr>
                        </thead>
                    </table>

        </form>
      </div>
    </div>
    </div>
</div>
    @include('app_users.form')
    @include('app_users.form2')
@endsection

@section('page-footer-js')
<script type="application/javascript">
    var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
    var model_js_lang = {!! json_encode(trans('app_users.js_lang'))  !!};
    var urls = {!! json_encode($urls) !!};
    var token_code='{{csrf_token()}}';
    var assets_folder = '{{asset("assets/")}}';
    var storge_path = '{{route('download-file-excel',['file'=>''])}}';
    var permissions = {!! json_encode($permissions) !!};
</script>
<script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js')}}" type="text/javascript"></script>
<script type = "text/javascript" src = "{{ asset('assets/global/plugins/datatables/datatables.min.js')}}" ></script>
<script type = "text/javascript" src = "https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.js" ></script>
<script src="{{asset("assets/global/plugins/datatables/extensions/jszip/jszip.min.js")}}"></script>
<script src="{{asset("assets/global/plugins/datatables/extensions/buttons.min.js")}}"></script><script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>

<script src = "{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type = "text/javascript" ></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/moment.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/models/js/AppUsers.js')}}" type="text/javascript"></script>
@endsection

@section('page-heads')
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet" type="text/css" />
    @if(trans('app.dir') == 'rtl')
<link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css')}}" rel="stylesheet" type="text/css" />
@else
<link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css')}}" rel="stylesheet" type="text/css" />
@endif

@endsection