@extends('app')
<style type="text/css">
    #searchbar4{
        display: none;
    }
    .form-control{
      margin-left: auto !important;
    }
</style>
@section('content')

@if(Session::has('flash_message'))
<div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
    <button class="close" data-dismiss="alert"></button>
    {!! Session::get('flash_message') !!}
</div>
@endif

<div class="row">
    <div class="col-sm-12">
        <div class="grid simple vertical">
            <div class="grid-body no-border overflow-auto">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
                        <div class='row control' style="margin-bottom: 10px; margin-top: 10px;  background-color: #fff;">
                            <div class="col-sm-4 col-xs-12">
                               <div class="pull-right markaction">
                                 @if(Auth::user()->can('twasultypes-destroy'))
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/twasultypes/bulkdelete') }}">حذف</a>
                                @endif
                                </div>
                            </div>

                               <div class="col-sm-4 col-xs-12" style="text-align: center;">
                                   <span class="bold" style="font-size: 20px;">أنواع الإستمارات</span>
                               </div>

                               <div class="col-sm-4 col-xs-12">
                                   @if(Auth::user()->can('twasultypes-create'))
                                    <!-- <a href="{{ URL::to('admin/twasultypes/create') }}" class="btn btn-primary">إضافة نوع تواسل</a> -->
                                    <a href="javascript:void(0)" data-target="#addModal" data-toggle='modal' class="btn btn-primary">إضافة</a>
                                    @endif

                                    @if(!Auth::user()->can('twasultypes-create') && Auth::user()->can('twasultypes-destroy'))
                                        <a href="#" class="btn btn-primary" style="visibility: hidden;">no visibilty</a>
                                    @endif
                               </div>
             
                        </div>
                        <table class="table table-hover display nowrap" id="datatable-example" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                                    <th>Id</th>
                                    <th>النوع</th>
                                    <th></th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--Add Twasul Type Modal-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            {!! Form::open(['method' => 'POST','route' => 'admin.twasultypes.store','id'=>'form_twasul_type_add']) !!}
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">إضافة إستمارة جديدة</h4>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <div class="input-with-icon  right col-md-5 col-md-offset-3  col-sm-12">
                        {!! Form::text('title', null, ['class' => 'form-control','required'=>true,'id'=>'title_field']) !!}
                        <span class="help"><span id="char_title_count">40</span> @lang('common.char_count')</span>
                    </div>
                    <div class="col-md-3  col-sm-12 text-left">
                        {!! Form::label('title', 'إسم الإستمارة', ['class' => 'form-label']) !!}
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" onclick='closeModal("#addModal")' aria-label="Close"><span aria-hidden="true">إلغاء</span></button>
                 <!-- {!! Form::submit('حفظ', ['class' => 'btn btn-primary btn-cons','id' => 'btn-submit']) !!} -->
                 <button type="submit" class="btn btn-primary">حفظ</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<!--Modal Close-->

<!-- Edit Twasul Type Modal -->
<div class="modal fade" id="editModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content" style="margin-top: 70px ">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">تحرير إستمارة</h4>
            </div>
            {!! Form::open(['method' => 'POST','route' => 'admin.twasultypes.edittype','id'=>'form_twasul_type_edit']) !!}

            <div class="modal-body">
                <input type="hidden" id="id_field" name="type_id" class="form-control">
               
                <div class="form-group row">
                    <div class="input-with-icon  right col-md-5 col-md-offset-3  col-sm-12">
                        {!! Form::text('title', null, ['class' => 'form-control','required'=>true,'id'=>'edit_title_field']) !!}
                        <span class="help"><span id="char_edit_title_count">40</span> @lang('common.char_count')</span>
                    </div>
                    <div class="col-md-3  col-sm-12 text-left">
                        {!! Form::label('title', 'إسم الإستمارة', ['class' => 'form-label']) !!}
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" onclick='closeModal("#editModal")' aria-label="Close"><span aria-hidden="true">إلغاء</span></button>
                <button type="submit" class="btn btn-primary">تحديث</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<!-- Modal Close -->

{!! Form::open(['method' => 'POST','class' => 'inline','id'=> 'bulkaction']) !!}
    <input type="hidden" value="" name="ids" id="ids" />
{!! Form::close() !!} 
@endsection

@section('page_script')
<script type="text/javascript" language="javascript" class="init">

    jQuery('#form_twasul_type_add,#form_twasul_type_edit').submit(function (event) {
        var pass = true;
        //some validations

        if (pass == false) {
            return false;
        }
        form = this;
        jQuery('#btn-submit').attr('disabled', 'disabled');
        event.preventDefault();
        setTimeout(function () {
            form.submit();
        }, 500);
        jQuery('#progressbar').show();

        return true;
    });

    function closeModal(id) {
        $(id).modal('hide');
    }

    $(document).on("click","#edit_type",function(e){
        var request = $(this).data('edit_type');

        var title = request.title;
        var request_id = request.id;

        $("#edit_title_field").val(title);
        $('#id_field').val(request_id);
        updateFeatureCharLimitNum('edit_title_field','char_edit_title_count',40);
    });

    jQuery(document).ready(function ($) {
       updateFeatureCharLimitNum('title_field','char_title_count',40);
       $("#title_field").keyup(function (event) {
            updateFeatureCharLimitNum('title_field','char_title_count',40);
        });

       $("#edit_title_field").keyup(function (event) {
            updateFeatureCharLimitNum('edit_title_field','char_edit_title_count',40);
        });

        var table = $('#datatable-example').DataTable({
            processing: true,
            serverSide: true,
            resizableColumns: true,
            language: { search: "",
                         searchPlaceholder: "بحث",
                         "zeroRecords": "لا يوجد محتوى",
                         processing: "<img src='{{url('/')}}/assets/img/Webp.net-resizeimage.gif' />" },
            "order": [[1, "desc"]],
            ajax: {
                "url": "{{ URL::to('admin/twasultypes/datatable') }}",
                "type": "POST"
            },
            columns: [
                {data: 'check', name: 'check'},
                {data: 'id', name: 'id'},
                {data: 'title', name: 'title'},
                {data: 'actions', name: 'actions'}
            ],
            "iDisplayLength": 50,
            "columnDefs": [
                {
                    "targets": [1],
                    "visible": false,
                    "searchable": false
                },
                {
                    "targets": [0, 1, 2, 3],
                    "orderable": false
                },
            ]
        });

        $('#datatable-example_wrapper .dataTables_filter input').addClass("input-medium ");
        $('#datatable-example_wrapper .dataTables_length select').addClass("select2-wrapper span12");
        $('#datatable-example_wrapper .dataTables_length select').removeClass("form-control");
        $('#datatable-example input').click(function () {
            $(this).parent().parent().parent().toggleClass('row_selected');
        });
        $(".select2-wrapper").select2({minimumResultsForSearch: -1});

    });

  
</script>
@endsection