@extends('layouts.master')
@section('content')

<style>
    .list_control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        margin-left: -1px;
        
    }
</style>
<div class="top-bar">
    <div class="-intro-x breadcrumb mr-auto hidden sm:flex">
        <a href="">Application</a>
        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="breadcrumb__icon feather feather-chevron-right">
           <polyline points="9 18 15 12 9 6"></polyline>
        </svg>
        <a href="" class="breadcrumb--active">User</a>
     </div>
      <div class="intro-x relative mr-3 sm:mr-6">
    <a href=""><button type="button" class="btn btn-info">
     <span class="glyphicon glyphicon-search"></span>
    </button></a>
    </div>
</div>

<div class="mt-4 card shadow-lg bg-white rounded h-75">
    <div class="card-body" style="background-color: white ;" >

        <div class="row" style="background: #f1f1f1;">
            <h2 class="formheading" style="margin-left: 10px;margin-top: 5px;font-size: 18px;font-weight: 400;color: saddlebrown;">User Details</h2>
        </div>
        <br>
        {!! Form::open(['url' => '', 'name' => 'user_entry', 'id' => 'user_entry', 'method' => 'post' ,'class'=>'animate-form form-horizontal','role'=>'form']) !!}
        {!! Form::hidden('edit_cd',null, array('id'=> 'edit_cd',)) !!}
        <div class="row" style="margin-top: -20px;">
            <div class="col-sm-2 form-group" style="margin-left: 5px;">
                {!! Form::label('user_type', 'User Type :', ['class'=>'required']) !!}
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                        </div>
                {!! Form::select('user_type',[''=>'--Select--','1'=>'State','2'=>'District'],null,['class'=>'form-control','id'=>'user_type','autocomplete'=>'off']) !!}
                    </div>
            </div>
            <div class="col-sm-3 form-group" id="dist" style="margin-left: 5px;display: none;">
                {!! Form::label('district', 'District:', ['class'=>'required']) !!}
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                        </div>
                {!! Form::select('district',[''=>'--Select--'],null,['class'=>'form-control','id'=>'district','autocomplete'=>'off']) !!}
                    </div>
            </div>
            <div class="col-sm-2 form-group">
                {!! Form::label('designation', 'Designation:', ['class' =>'required']) !!}
                <div class="input-group mb-2">
                    <div class="input-group-prepend">
                    </div>
                {!! Form::select('designation',[''=>'--Select--'],null,['class'=>'form-control','id'=>'designation','autocomplete'=>'off']) !!}
                </div>
            </div>
            <div class="col-sm-2 form-group">
            {!! Form::label('mobile_no', 'Mobile No :', ['class'=>'required']) !!}
                <div class="input-group mb-2">
                    <div class="input-group-prepend">
                    </div>
                {!! Form::text('mobile_no',null,['class'=>'form-control','id'=>'mobile_no','placeholder'=>'Mobile No','autocomplete'=>'off','maxlength'=>'10','onkeypress'=>'return isNumberKey(event);']) !!}
                </div>
            </div>
           
            {{-- <div class="col-sm-4"></div> --}}
            <div class="col-sm-1 form-group">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                        </div>
                <button type="submit" class="btn btn-primary" name="submit_save" id="submit_save" style="margin-top:37px;margin-left:-20px;">Save</button>
                    </div>
                 </div> 
                {!! Form::close() !!}  
                 <div class="col-sm-1 form-group"> 
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                        </div>
                <button type="button" class="btn btn-primary" name="search" id="search" style="margin-top:37px;margin-left: -34px;">Search</button>
                    </div>
                </div>
            </div>
            <div class="box-body table-responsive" style="width: 100%;">
                <table class="table table-striped table-bordered dataTable bt-data" style="width: 100%;" role="grid" aria-describedby="example_info" id="tableid">
                    <thead>
                        <tr>
                                <th style="width: 5%;">SL#</th>
                                <th style="width: 10%;"> User Type</th>
                                <th style="width: 10%;"> District</th>
                                <th style="width: 10%;"> Designation</th>
                                <th style="width: 10%;"> Mobile No</th>
                                <th style="width: 8%;"> Pin Generate</th>
                                <th style="width: 5%;">&nbsp;&nbsp;ACTIONS&nbsp;&nbsp;</th>
                        </tr>
                    </thead>
                </table>
            </div>
    <script type="text/javascript">
    $(function () {
      $("#search").click(function(){
        user_details();
      });
    // var user_entry_edit = {!! isset($room_details_edit) ? json_encode($room_details_edit) : "null" !!};
    //     if(room_details_edit!=null) {
    //         $('#edit_cd').val(room_details_edit.code);
    //         // alert("hi");
    //         // $('#building').val(room_details_edit.building_cd);
    //         get_building(room_details_edit.building_cd);
    //         $('#floor').val(room_details_edit.floor);
    //         $('#room_no').val(room_details_edit.room_no);
    //         $('#room_description').val(room_details_edit.room_description);
    //         $('#room_use_by').val(room_details_edit.room_use_by);
    //         $('#submit_save').html('Update');
    //     }
    //         else{
    //             get_building('');
    //         }
            
    $("#user_type").change(function () {
               var user_type = $("#user_type").val();
               if(user_type==2) {
                    $("#dist").show();
               }
               if(user_type==1) {
                    $("#dist").hide();
               }
           });
    get_district();
    get_designation();
    user_details();
    $('#user_entry').bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons:{
            valid: 'glyphicon glyphicon-ok',
                invalid: '',
                validating: '',
        },
         fields: {
            user_type:{
                 validators:{
                     notEmpty:{
                         message:"User Type is required"
                     },
                 }
             },

             district: {
                  validators:{
                     notEmpty:{
                         message: "District is required"
                     },
                 }
             },
            
             designation:{
                 validators:{
                     notEmpty:{
                        message:"Designation is required"
                     },
                 }
             },
             mobile_no:{
                 validators:{
                     notEmpty:{
                        message:"Mobile no is required"
                     },
                     stringLength:{
                        min:10,
                        max:10,
                        message:'Mobile must be 10 digit '

                    },
                     regexp:{
                       regexp: /^[0-9]+$/,
                       message: 'The Mobile no allow only numerical value'
                      },
                 }
             },

         }

        }).on('success.form.bv', function(e){
            e.preventDefault();
            user_save();
     });


  });

            function get_district(){

                        $.ajax({
                        type:'post',
                        data: {
                                '_token': '{{csrf_token()}}',
                            },
                            url:'get_all_district',
                            // processData: false,
                            // contentType: false,
                            dataType: "json",
                            success: function(data) {
                                // console.log(data.status);
                                $.each(data.status, function (key, val) {
                                    $("#district").append('<option value='+key+'>'+val+'</option>');
                                });
                            },
                        });
                    }
            function get_designation(){

                        $.ajax({
                        type:'post',
                        data: {
                                '_token': '{{csrf_token()}}',
                            },
                            url:'get_designation',
                            // processData: false,
                            // contentType: false,
                            dataType: "json",
                            success: function(data) {
                                // console.log(data.status);
                                $.each(data.status, function (key, val) {
                                    $("#designation").append('<option value='+key+'>'+val+'</option>');
                                });
                            },
                        });
                    }


  function user_save(){
       var edit_cd=$('#edit_cd').val();
        //  alert(edit_cd);
        var user_type = $('#user_type').val();
        var designation = $('#designation').val();
        var district = $('#district').val();
        var mobile_no = $('#mobile_no').val();
        var token = $("input[name='_token']").val();

        var formData_save = new FormData();


        formData_save.append('_token', '{{csrf_token()}}');
        formData_save.append('edit_cd',edit_cd);
        formData_save.append('user_type',user_type);
        formData_save.append('designation',designation);
        formData_save.append('district',district);
        formData_save.append('mobile_no',mobile_no);

        $.ajax({
            type:'post',
            data:formData_save,
            url:'user_save',
            processData: false,
            contentType: false,
            dataType: "json",
            success: function(data) {

                if (data.status == 1){
                    //    console.log(data.status);

                        var msg = "<strong>SUCCESS: </strong>User Save Successfully";
                        
                        $.confirm({
                            title:'Sucess!',
                            type:'green',
                            icon: 'fa fa-check',
                            content: msg,
                            boxWidth: '30%',
                            useBootstrap: false,
                            buttons: {
                                ok: function () {
                                $('#user_entry').get(0).reset();
                                location.reload();
                                 }
                            }

                        });
                     } 

            },

            error: function (jqXHR, textStatus, errorThrown) {
                         $(".se-pre-con").fadeOut("slow");
                         var msg = "";
                         if (jqXHR.status !== 422 && jqXHR.status !== 400) {
                             msg += "<strong>" + jqXHR.status + ": " + errorThrown + "</strong>";
                         } else {
                             if (jqXHR.responseJSON.hasOwnProperty('exception')) {
                                 msg += "Exception: <strong>" + jqXHR.responseJSON.exception_message + "</strong>";
                            } else {
                                msg += "Error(s):<strong><ul>";
                                $.each(jqXHR.responseJSON['errors'], function (key, value) {
                                    msg += "<li>" + value + "</li>";
                                });
                                 msg += "</ul></strong>";
                             }
                         }
                         $.alert({
                             title: 'Error!!',
                             type: 'red',
                             icon: 'fa fa-warning',
                             content: msg,
                             boxWidth: '30%',
                             useBootstrap: false
                         });
                    }


        });



       }
         function user_details(){
// //for search in data table
          var for_user_type = $("#user_type").val();
          var for_designation = $("#designation").val(); 
          var for_mobile_no = $("#mobile_no").val();
          var for_district = $("#district").val();
//         // console.log(for_ps);
//         // alert(for_ps);

         $("#tableid").dataTable().fnDestroy();
          $('#tableid').DataTable({
            "scrollX": true,
            "processing": true,
             "serverSide": true,
             "paging": true,

            "ajax": {
                type: "post",
                url: "userlist_details",
                data: {
                    //  for search in datatable
                    'for_user_type':for_user_type,
                    'for_designation':for_designation,
                    'for_mobile_no':for_mobile_no,
                    'for_district':for_district,
                    '_token': '{{csrf_token()}}',
                },
                
                dataSrc: "record_details",
            },
            "dataType": 'json',

            "columnDefs":
                [
                    {className: "table-text", "targets": "_all"},
                    {
                        "targets": 0,
                        "data": 'sl_no',
                    },
                    {
                        "targets": 1,
                        "data": 'user_type',
                    },
                    {
                        "targets": 2,
                        "data": 'district',
                    },
                    {
                        "targets": 3,
                        "data": 'designation',
                    },
                    {
                        "targets": 4,
                        "data": 'mobile_no',
                    },
                    {
                        "targets": 5,
                        "data": 'pin_generate',
                    },
                     {
                        "targets": 6,
                        "data": 'action',
                        "searchable": false,
                        "sortable": false,
                        "render": function(data, type, full, meta) {
                            // console.log(data);
                            var str_btns = "";
                            // str_btns +='<input type="hidden"name="mob_no" id="mob_no" value="'+data.mobile_no+'"/>';
                            str_btns += '<button type="button" class="btn btn-outline-primary pin_generatedd" id="'+data.code+'">Pin Generate</button>';
                            // str_btns += '<button type="button" class="btn btn-outline-danger delete__button" id="'+data.code+'" style="margin-top:9px;">Delete</button>';
                            if (data.password!="") {
                                str_btns +=
                                
                                '<button type="button" class="btn btn-outline-danger disabled" style="margin-top:9px;">Delete</button>';
                            } else {
                                str_btns +=
                                '<button type="button" class="btn btn-outline-danger delete__button" id="'+data.code+'" style="margin-top:9px;">Delete</button>';
                            }
                            return str_btns;
                            }
                        }

                    

                ],
                "order": [[1, 'asc']]
         });
       }
    var table = $('#tableid').DataTable();
    table.on('draw.dt', function(){
        $(".delete__button").click(function(){
            //  alert("hi");
            var reply=confirm('Are you sure to Delete the Record');
                    if(!reply){
                        return false;
                        
                    }
                    var delete_cd=this.id
                    $.ajax({
                        type:'post',
                        url:'user_delete',
                        data: {
                            'delete_cd': delete_cd,
                            '_token': '{{csrf_token()}}',
                        },
                        dataType:'json',
                        success: function(data) {
                            if (data.status == 1) {
                                 
                                user_details();
                                 $.alert({
                                    type: 'green',
                                    icon: 'fa fa-check',
                                    title: 'Success!!',
                                    boxWidth: '30%',
                                    useBootstrap: false,
                                    content: '<strong>SUCCESS:</strong>User Entry deleted successfully.'
                                });
                             }

                             
                        }
                    });


        });

        $(".pin_generatedd").click(function(){
            //    alert("hi");
            var reply=confirm('Are you sure to generate the Pin');
                    if(!reply){
                        return false;
                        
                    }
                    var pin_cd=this.id
                    // alert(pin_cd);
                    $.ajax({
                        type:'post',
                        url:'pin_generatedd',
                        data: {
                            'pin_cd': pin_cd,
                            '_token': '{{csrf_token()}}',
                        },
                        dataType:'json',
                        success: function(data) {
                            if (data.status == 1) {
                                 
                                // user_details();
                                 $.alert({
                                    type: 'green',
                                    icon: 'fa fa-check',
                                    title: 'Success!!',
                                    boxWidth: '30%',
                                    useBootstrap: false,
                                    content: '<strong>SUCCESS:</strong>Pin Generate Successfully.',
                                    buttons: {
                                        ok: function () {
                                        user_details();
                                        }
                                    }
                                });
                                 
                             }

                             
                        }
                    });


        });


        //   $(".pin_generatedd").click(function(){
        //     //   alert("hi");
        // //   var pin_text = $("#pin_generate").val();
        //   var mob_no = $("#mob_no").val();

        // //   alert(pin_text);

        //     // var edit_cd = this.id;
        //     // alert(edit_cd);

        //      $.ajax({
        //         url: "pin_generatedd",
        //         method: 'POST',
        //         type: 'json',
        //         data: {
        //             // 'pin_text': pin_text,
        //             'mob_no': mob_no,
        //             '_token': '{{csrf_token()}}'
        //          },
        //          success: function(data) {
        //             if (data.status == 1){
        //               var msg = "<strong>SUCCESS: </strong>Pin Generate Successfully";
        //               $.confirm({
        //                     title:'Sucess!',
        //                     type:'green',
        //                     icon: 'fa fa-check',
        //                     content: msg,
        //                     boxWidth: '30%',
        //                     useBootstrap: false,
        //                     buttons: {
        //                         ok: function () {
        //                         $('#user_entry').get(0).reset();
        //                         location.reload();
        //                          }
        //                     }

        //                 });
        //             //   console.log(data.status['pin_generate']);
        //             //  $("#user_type").val(data.status['user_type']);
        //             //  $("#designation").val(data.status['designation']);
        //             //  $("#mobile_no").val(data.status['mobile_no']);
        //             //  $("#district").val(data.)
                               
        //         }
        //     },


        //     });
           
        // });

        //  $(".pin_generatedd").click(function(){
        //     //  alert("hi");
        //     // var edit_cd = this.id;
        //     // alert(edit_cd);

        //     // $.ajax({
        //     //     url: "user_edit",
        //     //     method: 'POST',
        //     //     type: 'json',
        //     //     data: {
        //     //         'edit_cd': edit_cd,
        //     //         '_token': '{{csrf_token()}}'
        //     //      },
        //     //      success: function(data) {
        //     //          console.log(data.status['user_type']);
        //     //          $("#user_type").val(data.status['user_type']);
        //     //          $("#designation").val(data.status['designation']);
        //     //          $("#mobile_no").val(data.status['mobile_no']);
        //     //         //  $("#district").val(data.)
                               
        //     //     },


        //     // });
           
        // });
    });

  
    function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57))
    return false;
    return true;
}
</script>

@stop