@extends("front.dashboard.layouts.app")
@section("style")
    <link href="{{ asset('assets/plugins/vectormap/jquery-jvectormap-2.0.2.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/datatable/css/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
@endsection

@section("wrapper")
    <div class="page-wrapper">
        <div class="page-content">
             <div class="row ">
                <div class="col-md-12">
                    <div class="card radius-10">
                       <!-- <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div>
                                    <p class="mb-0 text-secondary">Name: {{ Auth::user()->fname }} {{ Auth::user()->lname }}</p>
                                    <p class="mb-0 text-secondary">Email: {{ Auth::user()->email }}</p>
                                     <p class="mb-0 text-secondary">Mobile: {{ Auth::user()->mobile }}</p>
                                    
                                    
                                </div>
                                
                            </div>
                        </div> -->
                    
                    <form  action="{{ route('front.dashboard.user.update') }}" onsubmit="form_submit(this);return false;" method="POST" >
  <input type="hidden" name="id" value="{{ $info->id }}">
   <div class="modal-body py-3">
      @csrf
      <div class="row">
         <div class="col-lg-12">
            
            <div class="border border-1 p-4 rounded">
              
              <div class="row g-3">
                  <div class="col-md-6">
                      <label  class="form-label">First Name<sup class="text-danger">*</sup></label>
                  <input type="text" class="form-control" name="fname" placeholder="Enter Name" value="{{ $info->fname }}">
                  </div>
                  <div class="col-md-6">
                      <label  class="form-label">Last Name<sup class="text-danger">*</sup></label>
                  <input type="text" class="form-control" name="lname" placeholder="Enter Name" value="{{ $info->lname }}">
                  </div>
                  <div class="col-md-6">
                     <label  class="form-label">Moblie<sup class="text-danger">*</sup></label>
                        <input type="text" class="form-control allowno" name="mobile" placeholder="Enter Mobile number" value="{{ $info->mobile }}">
                  </div>
                  <div class="col-md-6">
                      <label  class="form-label">Membership</label>
                      <select class="form-select" name="membership_plan" id="membership_plan"  data-placeholder="Select Membership" onchange="update_membership_plan(this.value);">
                          <option value="">Select Plan</option>
                           <br />
<b>Notice</b>:  Undefined variable: membership_plans in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>52</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>52</b><br />
                       </select>
                       <input type="hidden" id="plan_price" name="plan_price" value="<br />
<b>Notice</b>:  Undefined variable: user_data in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>56</b><br />
">
                  </div>
                  <!-- <div class="col-md-6">
                        <label  class="form-label">Email<sup class="text-danger">*</sup></label>
                     <input type="email" class="form-control"  placeholder="Enter Email" value="{{ $info->email }}" name="email" readonly>
                  </div> -->
                  <div class="col-md-4">
                      <label  class="form-label">Country<sup class="text-danger">*</sup></label>
                      <select class="single-select form-select" name="country" id="country"  data-placeholder="Select Country" onchange="get_state(this.value)">
                          <option value="">Select Country</option>
                          <br />
<b>Notice</b>:  Undefined variable: all_countries in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>66</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>66</b><br />
                      </select>
                  </div>
                  <div class="col-md-4">
                      <label  class="form-label">State<sup class="text-danger">*</sup></label>
                      <select class="single-select form-select" name="state" id="state"  data-placeholder="Select State" onchange="get_city(this.value)">
                        <br />
<b>Notice</b>:  Undefined variable: all_state in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>74</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>74</b><br />
                      </select>
                  </div>
                  <div class="col-md-4">
                      <label  class="form-label">City<sup class="text-danger">*</sup></label>
                      <select class="single-select form-select" name="city" id="city"  data-placeholder="Select City">
                        <br />
<b>Notice</b>:  Undefined variable: all_cities in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>82</b><br />
                      </select>
                  </div>
                  
               </div>
          
                <div class="row g-3 mt-2">
                  <div class="col-md-12">
                      <label  class="form-label">Address<sup class="text-danger">*</sup></label>
                      <textarea class="form-control" name="address" rows="3">{{ $info->address }}</textarea>
                  </div>
               
             <div class="col-md-12">
               <label  class="form-label">User Image</label>
               <div class="input-group ">
                  <div class="col-md-9">
                     <div class="custom-file">
                        <input type="hidden" name="image_path" value="upload/user/">   
                        <input type="hidden" name="image_name" value="image"> 
                        <input type="file" class="custom-file form-control" name="image" onchange="upload_image($(form),'{{ route('dashboard.image.upload') }}','image','file_id')" accept=".jpg,.jpeg,.png">
                        <input type="hidden" name="file_id" id="file_id" value="{{$info->file_id }}">
                        <i class="image_loader fa-btn-loader fa fa-refresh fa-spin fa-1x fa-fw" style="display:none;"></i>
                     </div>
                  </div>
                  <div class="col-md-3 text-center">
                     <br />
<b>Notice</b>:  Undefined variable: info in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>109</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>109</b><br />
 
                     <img src="{{  asset($user_data['profile_image']) }}" id="image_prev" class="img-thumbnail " alt="" width="100"  style="display:none;height:45px;">
                      
                  </div>
               </div>
            </div>
              </div>
               
            </div>
         </div>
               </div>
      <br />
<b>Notice</b>:  Undefined variable: info in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>156</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/home/payanyfee/public_html/paystaging/resources/views/front/dashboard/user_edit.blade.php</b> on line <b>156</b><br />
      <!--end row-->
   </div>
   <div class="modal-footer">
      
      <button type="submit" class="btn btn-primary">Update <i class="st_loader spinner-border spinner-border-sm" style="display:none;"></i></button>
   </div>
</form>
</div>
               </div>
       
            </div><!--end row-->


   

            

        </div>
    </div>
@endsection

@section("page-js-script")
    <script src="{{ asset('assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
    <script src="{{ asset('assets/plugins/chartjs/js/Chart.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/chartjs/js/Chart.extension.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery.easy-pie-chart/jquery.easypiechart.min.js') }}"></script>
    <script src="{{ asset('assets/js/index.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js') }}"></script>
    <script>
        $(document).ready(function(){
      
         // user management
         window.dataTable = $('#dataTable').DataTable({
           'processing': true,
           'serverSide': true,
           'serverMethod': 'post',
           'searching': false,
           'ajax': {
             'headers': {
                       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                   },
              'url': "{{ route('admin.dashboard.list') }}",
              'data': function(data){
                    
              }
           },
           'lengthMenu': [10, 20, 50, 100, 200, 500],
           'columns': [
              { data: 'sno' }, 
              { data: 'created_at' }, 
              { data: 'behalf' }, 
               { data: 'preffred_location' }, 
              { data: 'category' }, 
              { data: 'subcategory' },              
              { data: 'quantity' },
              { data: 'vendor' },  
              { data: 'type' },  
              { data: 'status' },  
            ],
           "order": [[1, 'asc' ]],
           "columnDefs": [
            { 
                "targets": [0 ], //first column / numbering column
                "orderable": false, //set not orderable
            }]
         });
          $('#datatable').on('page.dt', function() {
            $('#checkAll').prop("checked", false);
            $('.filed_check').prop("checked", false);
        });
   });


         function form_submit(e)
    {
    $(e).find('.st_loader').show();
    $.ajax({  
      url :$(e).attr('action'),  
      method:"POST",  
      dataType:"json",  
      data:$(e).serialize(),
       success: function(data){ 
               if(data.success==1){
                 toastr.success(data.message,'Success');
                 $(e).find('.st_loader').hide();
                 $(e)[0].reset();
                 var surl = "{{ route('user.dashboard') }}";
                 window.setTimeout(function() { window.location = surl; }, 500);
               }else if(data.success==0){
                 toastr.error(data.message,'Error');
                 $(e).find('.st_loader').hide();
               }
             },
             error: function(data){ 
               if(typeof data.responseJSON.status !== 'undefined'){
                 toastr.error(data.responseJSON.error,'Error');
               }else{
                 $.each(data.responseJSON.errors, function( key, value ) {
                     toastr.error(value,'Error');
                 });
               }
               $(e).find('.st_loader').hide();
             } 
    }); 
    }
    function get_state(id){ 
   
    $.ajax({  
          'headers': {
             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url :"{{ route('user.state') }}",  
          method:"POST",  
          data:{'id':id},
          success: function(res){ 
             $('#state').html(res.all_states);   
             $('#state').trigger("change");
          },
       }); 
    }  
    function get_city(id){ 
   
    $.ajax({  
          'headers': {
             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url :"{{ route('user.city') }}",  
          method:"POST",  
          data:{'id':id},
          success: function(res){ 
             $('#city').html(res.all_city);   
          },
       }); 
    }
    function  update_membership_plan(id) {
      $.ajax({  
          'headers': {
             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          url :"{{ route('user.membership.update') }}",  
          method:"POST",  
          data:{'id':id},
          success: function(res){ 
             //$('#membership_plan').val(id);   
             $('#plan_price').val(res.plan_price);   
          },
       }); 
    }
    function get_activity(id){ 
     $.ajax({  
        'headers': {
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url :"{{ route('dashboard.activities.get') }}",  
        method:"POST",  
        data:{'id':id,sub_cat:$('#activity').data('selected-subcat')},
        success: function(data){ 
           $('#activity').html(data);   
        },
     }); 
     } 
    </script>
@endsection