@extends('admin.master')
@section('head')
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('admin')}}/assets/global/plugins/bootstrap-toastr/toastr-rtl.min.css"/>
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('main')}}/paginate/style.css" media="screen"/>


    <style>
        /*.input-group {*/
            /*display: flex;*/
        /*}*/
        .bglight{
            color: #ffffff !important;

        }
    </style>
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div  class="page-bar hidden-print">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="#">خانه</a>
                        <i class="fa fa-angle-left"></i>
                    </li>
                    <li  >
                        <a style="color: #4B77BE !important;font-weight: 500;" href="#">گزارش وضعیت ها</a>
                    </li>

                </ul>
                <div class="page-toolbar">
                <span style="margin-left: 8px ; margin-top: 8px" class="badge pull-left badge-primary">
		 </span>
                    <div style="margin-left: 8px ; margin-top: 7px" class="btn-group  pull-right">

                        <a type="button" style="margin-left: 2px ; border-radius: 0 !important; " onclick="reload()" data-placement="bottom" data-toggle="tooltip" title="راه اندازی مجدد"  class="btn tooltips  btn-xs bg-red-flamingo " >
                            <i class="fa  fa-refresh"></i>
                        </a>
                        <a type="button" style="margin-left: 2px ; border-radius: 0 !important; " onclick="goForward()" data-placement="bottom" data-toggle="tooltip" title="بعدی"  class="btn tooltips btn-xs  bg-green-haze " >
                            <i class="fa  fa-arrow-right"></i>
                        </a>
                        <a type="button" onclick="goBack()" data-toggle="tooltip" data-placement="bottom" title="قبلی"   class="btn  btn-xs tooltips bg-green-seagreen " >
                            <i class="fa  fa-arrow-left"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <br>
                <div class="col-md-5">
                    <div class="portlet light bg-inverse ">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-plus font-green-haze"></i>
                                <span style="font-family: IRANSans" class="caption-subject font-green-haze bold uppercase">مشخصات کاربری</span>
                            </div>
                        </div>
                        <div class="portlet-body form">
                            <!-- BEGIN FORM-->
                            <div class="row">
                                <div style="padding-left: 20px !important;" class="portlet-body form">
                                    <!-- BEGIN FORM-->
                                    <form name="myForm" action="{{ URL::asset('/entrepot/product/add')}}" method="post" >
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                        <div class="form-body">

                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class=" form-group">
                                                        <label  class="control-label col-md-4">کد کاربر:</label>
                                                        <div class="input-group">
                                                                <span class="bg-green-meadow input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                            <input name="id" type="text" id="product_id"  class="input-sm form-control" readonly >
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>

                                                <!--/span-->
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">نام :</label>
                                                        <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input type="text" id="name"  class="requir input-sm form-control" >
                                                        </div>
                                                        <span style="color:#EF4836  "  class="col-md-offset-3 help-block required"></span>
                                                    </div>
                                                </div>
                                                <!--/span-->
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">نام خانوادگی :</label>
                                                        <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input type="text" id="last_name"  class="requir input-sm form-control" >
                                                        </div>
                                                        <span style="color:#EF4836  "  class="col-md-offset-3 help-block required"></span>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">کد ملی :</label>
                                                        <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input type="text" id="n_code"  class="requir input-sm form-control" >
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">تلفن :</label>
                                                        <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input id="phone" type="text" name="order_point" class="requir input-sm form-control" >

                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-group" >
                                                        <label class="control-label col-md-4">واحد :</label>
                                                        <div class=" input-group" style="overflow: hidden">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <select  id="part" class="input-sm requir form-control"  >
                                                                <option value="" >انتخاب کنید ...</option>
                                                                <option value="فروش و خدمات مشترکین">فروش و خدمات مشترکین</option>
                                                                <option value="بهره برداری و دیسپاچیتگ">بهره برداری و دیسپاچینگ</option>
                                                                <option value="برنامه ریزی و مهندسی">برنامه ریزی و مهندسی</option>
                                                                <option value="منابع انسانی">منابع انسانی</option>
                                                                <option value="مالی و پشتیبانی">مالی و پشتیبانی</option>

                                                            </select>

                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">شماره پرسنلی :</label>
                                                        <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input id="personal_code" type="text"  class="input-sm requir form-control" >
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">ایمیل  :</label>
                                                        <div class="input-group">
                                                                <span class="requiradd input-group-addon">
												                <i class="fa fa-barcode"></i>
												                </span>
                                                            <input id="email" type="text"  class="requir input-sm form-control" >
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <br>

                                            <!--/row-->
                                            <div class="row">
                                                <div class="col-md-12 ">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">نقش کاربری :</label>
                                                        <div class="input-group" style="overflow: hidden">
                                                                <span class="bg-blue-madison requiradd input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                            <select id="role" class="input-sm requir form-control" >
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row ">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">نام کاربری :</label>
                                                        <div class="input-group"style="overflow: hidden">
                                                                <span class="requiradd bg-blue-madison input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                            <input id="username" type="text" name="order_point" class="input-sm requir form-control" >
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label col-md-4">کلمه عبور:</label>
                                                        <div class="input-group" style="overflow: hidden">
                                                                <span class="requiradd bglight bg-blue-madison input-group-addon">
												                <i class="bglight fa fa-barcode"></i>
												                </span>
                                                            <input id="password" type="text" name="order_point" class="input-sm requir form-control" >
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <br>
                                        </div>
                                        <div class="form-actions">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="row">
                                                        <div class="col-md-offset-3 col-md-9">
                                                            <button type="button" id="p_btn" onclick="reg()" class="btn blue">ثبت</button>
                                                            <button type="button" onclick="cancel()" class="btn bg-red-sunglo default">لغو</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <!-- END FORM-->
                                </div>

                            </div>
                            <!--/span-->

                            <!--/span-->
                        </div>
                        <!--/row-->


                    </div>




                    <!-- END FORM-->
                </div>
                <div class="col-md-7">
                    <div class="portlet light bg-inverse " id="blockui_sample_1_portlet_body">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-list font-green-haze"></i>
                                <span style="font-family: IRANSans" class="caption-subject font-green-haze bold uppercase">لیست کاربران</span>
                            </div>
                        </div>
                        <div class="portlet-body form " >
                            <!-- BEGIN FORM-->
                            <form action="#" class="horizontal-form">
                                <div class="form-body">
                                    <div class="row">
                                        <div style="padding-right: 0 !important;" class="col-md-5 form-group">
                                            <div class="col-md-9">
                                                <div class="input-group">
                                                   <span class="input-group-addon">
                                                   <i class="fa fa-list"></i>
                                                     </span>
                                                    <select onchange="listp('')" id="count"  class="input-sm form-control"  tabindex="1">
                                                        <option  selected value="5">5</option>
                                                        <option  value="10">10</option>
                                                        <option value="20">20</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div style="padding-left: 0 !important;" class="col-md-7 form-group">

                                            <div class="col-md-12">
                                                <div class="input-group">
												<span class="input-group-addon">
												<i class="fa fa-search"></i>
												</span>
                                                    <input type="text" onkeyup="listp(this.value)" id="search" class="form-control input-sm" placeholder="جستجو">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12">

                                            <div class="portlet-body " >

                                                <table class="table table-striped table-bordered table-hover " >
                                                    <thead>
                                                    <tr>
                                                        <th class="center-tr ">
                                                            ردیف
                                                        </th>
                                                        <th class="center-tr ">
کد کاربری
                                                        </th>
                                                        <th class="center-tr">
نام کاربر
                                                        </th>
                                                        <th class="center-tr">
شماره پرسنلی
                                                        </th>
                                                        <th class="center-tr">
                                                            عملیات
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="list">


                                                    </tbody>
                                                </table>


                                                <div class="row">
                                                    <div class="col-xs-12">
                                                        <div id="pagination" class="text-center"></div>
                                                    </div>
                                                </div>
                                                <p id="info"></p>

                                            </div>
                                        </div>

                                    </div>
                                    <!--/span-->
                                </div>
                                <br>
                                <!--/span-->
                            </form>
                            <!-- END FORM-->
                        </div>
                    </div>
                    <!-- END SAMPLE FORM PORTLET-->
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ URL::asset('admin')}}/assets/global/plugins/bootstrap-toastr/toastr.min.js"></script>
    <script src="{{ URL::asset('admin')}}/assets/admin/pages/scripts/ui-toastr.js"></script>
    <script src="{{ URL::asset('main')}}/paginate/simple-bootstrap-paginator.js"></script>

    <script>
        jQuery(document).ready(function() {

            UIToastr.init();


        });
    </script>

    <script>
        function goBack() {
            window.history.back();
        }
        function goForward() {
            window.history.forward();
        }
        $(window).load(function(){
            listp('');
            role();


        });


        function cancel(){
            $('#username').val('');
            $('#password').val('');
            $('#name').val('');
            $('#n_code').val('');
            $('#last_name').val('');
            $('#phone').val('');
            $('#part').val('');
            $('#personal_code').val('');
            $('#email').val('');
            listp('');
        }
    </script>

    <script>

        function listp(search){

            var cou=$('#count :selected').text();
            var paginate=$('#pagination ul.pagination li.active').text();
            if(search == null || search== ''){
                var users='a1b1';
            }else {
                var users=search;
            }

            Metronic.blockUI({
                target: '#blockui_sample_1_portlet_body',
                animate: true
            });


            $.ajax({
                type:"get",
                url:'{{url('/admin/reg')}}',
                data: {users: users ,
                    paginate :paginate,
                    cou:cou
                },
                success: function(data){
                    obj=JSON.parse(data);

                    var to=cou*paginate;
                    var from=to+1-cou
                    $('#list').empty();
                    for(i=0 ; i<obj[0].length ; i++){
                        var d=i;
                        $("#list").append('<tr> ' +
                                '<td width="5%" style="vertical-align: middle">'+(from+d)+'</td>' +
                                '<td width="10%"> ' +
                                '<div class="form-group no-margin"> ' +
                                '<input type="text" class="form-control " id="grpnme" placeholder="Enter text" value="'+obj[0][i].id+'" disabled> ' +
                                '</div></td>' +
                                '<td width="20%"><div class="form-group no-margin"> ' +
                                '<input type="text" class="form-control  " value="'+obj[0][i].nickname+'.'+obj[0][i].last_name+'" id="grpcod" placeholder="Enter text" disabled> ' +
                                '</div> </td> ' +
                                '<td width="20%"><div class="form-group no-margin"> ' +
                                '<input type="text" class="form-control  " value="'+obj[0][i].personal_code+'" id="grpcod" placeholder="Enter text" disabled> ' +
                                '</div> </td> ' +
                                '<td  width="4%" > <a type="submit" class="btn  btn-xs bg-yellow-crusta"  onclick="showp('+obj[0][i].id+')" > ' +
                                '<i class="glyphicon glyphicon-edit "> </i><span>ویرایش</span> </a>  </td> </tr> ');
                    }
                    Metronic.unblockUI('#blockui_sample_1_portlet_body');
                    var div = Math.floor(obj[1]/cou);
                    var rem = obj[1] % cou;
                    if(rem>0){
                        div=div+1;
                    }

                    var to=cou*paginate;
                    var from=to+1-cou
                    $('#product_id').val(obj[2]);
                    $('#info').empty();
                    $('#info').append('نمایش '+from+' تا '+to+'از'  +obj[1]+ 'رکورد ');
                    pag.simplePaginator('setTotalPages', div);
                }
            });
        }
        $('#pagination ').click(function() {
            var search=$('#search').val();
            listp(search)
        });
    </script>
    <script>
        function role(){
            var role=1;

            $.ajax({
                type:"get",
                url:'{{url('/admin/reg')}}/',
                data: {role: role},
                success: function(data){
                    obj=JSON.parse(data);
                    $('#role').empty();
                    $('#role').append('<option value="">انتخاب کنید...</option>');
                    for(i=0 ; i<obj.length ; i++){
                        $('#role').append('<option value="'+obj[i].id+'">'+obj[i].name+'</option>');
                    }
                }
            });
        }
    </script>

    {{--new product--}}
    <script>
        function reg(){
            var username=$('#username').val();
            var password=$('#password').val();
            var name=$('#name').val();
            var n_code=$('#n_code').val();
            var last_name=$('#last_name').val();
            var phone=$('#phone').val();
            var part=$('#part').val();
            var personal_code=$('#personal_code').val();
            var roleid=$('#role').val();
            var status=$('#status').val();
            var e_mail=$('#email').val();

            //            =========validation============
            $(".requir").each(function(){
                if($(".requir").val() == ''){
                    $(".requir").addClass('valid_border');
                    $(".requir").parent().addClass('add');
                    $(".add .requiradd").addClass('valid_back');
                }
            });
            $(".requir").each(function(){
                if($(this).val()!= 0){
                    $(this).parent().addClass('radd');
                    $(this).removeClass('valid_border');
                    $('.radd .requiradd').removeClass('valid_back');
                    $('.radd ').removeClass('add');
                    $('.radd ').removeClass('.radd');
                }
            });
            if($('.valid_back').length > 0){
                toastr.error('شما در ورود اطلاعات اشتباه دارید !')
            }
//            ==========valid ok===============
            if($('.valid_back').length == 0){

                $.ajax({
                    type:"get",
                    url:'{{url('/admin/reg')}}/',
                    data: {
                        username: username,
                        password: password,
                        name: name,
                        n_code: n_code,
                        roleid: roleid,
                        last_name: last_name,
                        phone: phone,
                        part: part,
                        personal_code: personal_code,
                        status: status,
                        e_mail: e_mail
                    },
                    success: function(data){
                        if(data.length > 0){
                        obj=JSON.parse(data);
                            toastr.error(obj)
                        }else {

                        $('#username').val('');
                        $('#password').val('');
                        $('#name').val('');
                        $('#n_code').val('');
                        $('#last_name').val('');
                        $('#phone').val('');
                        $('#part').val('');
                        $('#personal_code').val('');
                        $('#email').val('');

                        toastr.success('عملیات با موفقیت انجام شد!')
                        }
                    }


                });
                listp('')


            }






        }
    </script>

    <script>
        function showp(id){

            $.ajax({
                type:"get",
                url:'{{url('/admin/reg')}}/',
                data: {
                    user_id: id,
                },
                success: function(data){
                    obj=JSON.parse(data);

                    $('#username').val(obj.username);
                    $('#password').val('***********');
                    $('#name').val(obj.nickname);
                    $('#n_code').val(obj.n_code);
                    $('#last_name').val(obj.last_name);
                    $('#phone').val(obj.phone);
                    $('#personal_code').val(obj.personal_code);
                    $('#email').val(obj.e_mail);
                    $('#product_id').val(obj.id);
                    $('#role').val(obj.roleid);
                    $('#part').val(obj.part);

                    $('#p_btn').attr('onclick' , 'edit('+obj.id+')');


                    toastr.info('اطلاعات جهت ویرایش جایگزین شد !')
                }


            });
        }

    </script>

    <script>
        function edit(id){
            var username=$('#username').val();
//            var password=$('#password').val();
            var name=$('#name').val();
            var n_code=$('#n_code').val();
            var last_name=$('#last_name').val();
            var phone=$('#phone').val();
            var part=$('#part').val();
            var personal_code=$('#personal_code').val();
            var roleid=$('#role').val();

            var e_mail=$('#email').val();
            var user_edit=id;
//alert(username+','+n_code+','+last_name+','+phone+','+part+','+personal_code+','+roleid+','+name+','+e_mail)
//            =========validation============
            $(".requir").each(function(){
                if($(".requir").val() == ''){
                    $(".requir").addClass('valid_border');
                    $(".requir").parent().addClass('add');
                    $(".add .requiradd").addClass('valid_back');
                }
            });
            $(".requir").each(function(){
                if($(this).val()!= 0){
                    $(this).parent().addClass('radd');
                    $(this).removeClass('valid_border');
                    $('.radd .requiradd').removeClass('valid_back');
                    $('.radd ').removeClass('add');
                    $('.radd ').removeClass('.radd');
                }
            });
            if($('.valid_back').length > 0){
                toastr.error('شما در ورود اطلاعات اشتباه دارید !')
            }
//            ==========valid ok===============
            if($('.valid_back').length == 0){

                $.ajax({
                    type:"get",
                    url:'{{url('/admin/reg')}}/',
                    data: {
                        user_e: user_edit,
                        username1: username,
//                        password: password,
                        name: name,
                        n_code: n_code,
                        roleid: roleid,
                        last_name: last_name,
                        phone: phone,
                        part: part,
                        personal_code: personal_code,
                        e_mail: e_mail
                    },
                    success: function(data){
                        if(data.length > 0){
                            obj=JSON.parse(data);
                            toastr.error(obj)
                        }else {

                            $('#username').val('');
                            $('#password').val('');
                            $('#name').val('');
                            $('#n_code').val('');
                            $('#last_name').val('');
                            $('#phone').val('');
                            $('#part').val('');
                            $('#personal_code').val('');
                            $('#email').val('');

                            toastr.success('عملیات با موفقیت انجام شد!')
                        }
                    }
                });
                listp('');
            }
        }

    </script>

    <script>
        var pag = $('#pagination').simplePaginator({
            totalPages: 1,
            pageChange: function(page) {
                $('#content').empty().text('Page is ' + page);
            }
        });

    </script>


@endsection