@extends('layouts.app')

@section('page-site-title')
المحافظات
@endsection

@section('page-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">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <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"> المحافظات</span>
                </div>
                <div class="actions">
                    <button type="button" class="btn blue" name="create" id="admins_create_btn"><i class="fa fa fa-plus"></i>
                        {{trans('common.create')}}
                    </button>
                    {{--<button type="button" class="btn red" name="delete" id="apps_delete_btn"><i class="fa fa-trash-o"></i>--}}
                        {{--{{trans('common.delete_selected')}}--}}
                    {{--</button>--}}

                </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> <input type="checkbox" id="table_checkall" data-set="#table_view .checkboxes"/> </th>
                            <th>المحافظة</th>
                            <th>{{trans('common.actions')}}</th>
                        </tr>
                        </thead>
                    </table>
                </form>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>
@include('country.form')
@include('country.city')
@include('country.city_data')
@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('country.js_lang'))  !!};
    var urls = {!! json_encode($urls) !!};
    var token_code='{{csrf_token()}}';
    var assets_folder = '{{asset("assets/")}}';
    var user_id = '{{Auth::user()->id}}';
</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 type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/models/js/country.js')}}" type="text/javascript"></script>
@endsection

@section('page-heads')
@if(trans('app.dir') == 'rtl')
    <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