@extends('layouts.app')

@section('page-site-title')
    {{trans('roles.page_title')}}
@endsection

@section('page-title')
    {{trans('roles.content_title')}}
@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')
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase"> {{trans('roles.table_title')}}</span>
                    </div>
                    <div class="pull-right">
                        <div class="table-toolbar pull-right">
                            <button class="btn green" name="create" id="create_btn"><i class="fa fa fa-plus"></i>
                               اضافة
                            </button>
                        </div>
                    </div>
                </div>
                <div class="portlet-body">
                    <form action="" id='table_form' method="post">
                        <table class="table table-striped table-hover table-bordered table-checkbox table-advance table-with-sorting" id="table_view">
                                    <thead>
                                    <tr>
                                        <th>{{trans('roles.name')}}</th>
                                        <th>تاريخ الاضافة</th>
                                        <th>العمليات</th>
                                    </tr>
                                    </thead>
                                </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('roles.form')

@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('roles.js_lang'))  !!};
        var urls = {!! json_encode($urls) !!};
        var permissions = {!! json_encode($permissions_role) !!};
    </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 src = "{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.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/select2/js/select2.full.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')}}" type="text/javascript"></script>

    <script src = "{{ asset('assets/models/js/roles.js')}}" type = "text/javascript" ></script>

@endsection

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