@extends('layouts.app')

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


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


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

@section('page-content')
    <style>
        /*.bootstrap-tagsinput input[type="text"] {width:150px;}*/
        .select2-close-mask{
            z-index: 2099 !important;
        }
        .select2-dropdown{
            z-index: 3051 !important;
        }
    </style>
<div class="row">
    <div class="col-md-12">
        <div class="portlet light bordered">
            <div class="portlet-body">
                <form action="" id='table_form' method="post">
                    <div class="portlet ">
                        <div class="portlet-title">
                            <div class="caption   font-green bold">
                                <i class="fa fa-reorder"></i> {{trans('coupons.content_title')}}
                            </div>
                            <div class="pull-right">
                                <div class="table-toolbar pull-right">
                                    <button type="button" class="btn blue" name="create" id="alerts_create_btn"><i class="fa fa fa-plus"></i>
                                        {{trans('common.create')}}
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table class="table table-striped table-hover table-bordered table-checkbox table-advance table-with-sorting" id="table_view">
                                <thead>
                                    <tr>
                                        <th>الكود</th>
                                        <th>قيمة الخصم</th>
                                        <th>النسبة المئوية</th>
                                        <th>مرات الاستخدام</th>
                                        <th>مرات الاستخدام للعميل</th>
                                        <th>عدد مرات التى تم استخدامها</th>
                                        <th>التاريخ</th>
                                        <th>الحالة</th>
                                        <th>{{trans('common.actions')}}</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('coupons.form')
</div>
@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('coupons.js_lang'))  !!};
    var urls = {!! json_encode($urls) !!};
    var token_code='{{csrf_token()}}';
    var assets_folder = '{{asset("assets/")}}';
    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 type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.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/select2/js/select2.full.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/models/js/coupons.js')}}" type="text/javascript"></script>
{{--<script src="http://maps.google.com/maps/api/js?key=AIzaSyC8xaCzBn6b43yE9ng3zWpFOqMQm4SJ1Zw" type="text/javascript"></script>--}}
{{--<script src="{{ asset('assets/global/plugins/gmaps/gmaps.min.js')}}" type="text/javascript"></script>--}}
<script src = "https://cdn.datatables.net/rowreorder/1.2.3/js/dataTables.rowReorder.min.js" type = "text/javascript" ></script>


@endsection

@section('page-heads')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css')}}" rel="stylesheet" type="text/css" />
<link href="https://cdn.datatables.net/rowreorder/1.2.3/css/rowReorder.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" />
<link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css')}}" rel="stylesheet" type="text/css" />
@endif
<link href="{{ asset('assets/models/css/Areas.css') }}" rel="stylesheet" type="text/css" />
@endsection