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

                <section class="content pb-5">
                    <div class="container-fluid">
                     <meta name="csrf-token" content="{!! csrf_token() !!}">
                 @if(auth()->user()->role!='super_admin')    
                 <div class="row pt-4">
                  <div class="col-md-12">
                    <div class="title-section">
                      <p>Referral Points {{$page}}</p>
                    </div>
                  </div>
                </div>
                <form id="formSubs" enctype="multipart/form-data" method="post">
                            <input name="id" class="form-control" type="hidden" id="id" value="{{@$ReferralCustomers->id}}">

                            
                <div class="row mt-sm-2">
                    
                  <div class="col-md-12">
                      <div class="form-group custom-form-group">
                        <label class="form-label order-label mr-3" for="referral_via">Referral via</label>

                        <input class="with-gap" name="referral_via" type="radio" id="referral_via_sms" value="sms" {{@$ReferralCustomers->referral_via != "email"?'checked=""':""}}>
                        <label for="referral_via_sms" class="order-label">SMS</label>
                        <input class="with-gap" value="email" name="referral_via" type="radio" id="referral_via_email" {{@$ReferralCustomers->referral_via=="email"?'checked=""':""}}>
                        <label for="referral_via_email" class="order-label">Email</label>
                      </div>
                  </div>

                  <div class="col-md-7 email_section hidden">
                    <div class="d-sm-flex d-block justify-content-space-between">
                      <div class="form-group custom-form-group mb-0">
                        <label class="form-label order-label mr-3" for="email">Referral Email</label>
                      </div>
                      <div class="form-group custom-form-group">
                        <input class="form-control" placeholder="" type="email"name="email" id="email" value="{{@$ReferralCustomers->email}}">
                      </div>
                    </div>
                    </div>
                    <div class="col-md-7 mobile_section">
                    <div class="d-sm-flex d-block justify-content-space-between">
                      <div class="form-group custom-form-group mb-0">
                        <label class="form-label order-label mr-3" for="mobile">Referral Mobile Number</label>
                      </div>
                      <div class="form-group custom-form-group">
                        <input class="form-control" placeholder="" type="text" name="mobile" id="mobile" value="{{@$ReferralCustomers->mobile}}">
                      </div>
                    </div>
                  </div>

                  <div class="col-md-6">
                      <div class="form-group custom-form-group">
                        <label class="form-label order-label" for="">Short Description</label>
                        <textarea name="short_description" class="form-control" placeholder="" rows="3">{{@$ReferralShortDescriptions->short_description}}</textarea>
                      </div>
                  </div>

                  <div class="col-md-12">
                    <div class="mb-3">
                      <button type="submit" class="btn btn-danger">Send</button>
                      <a href="{{route('referral-customers')}}" class="btn btn-outline-dark">Cancel</a>
                    </div>
                  </div>
              
              </div>
          </form>
          @endif   

                     

                        <div class="row pt-sm-4 pt-0">
                            <div class="col-md-12">
                                <div class="title-section">
                                    <p>Referral Points</p>
                                </div>
                            </div>
                        </div>

                    <div class="row">
                    <div class="col-md-3 col-6 mt-4 hidden">
                    <div class="form-group custom-form-group">
                      <label class="form-label" for="customer">Status</label>
                      <select class="form-control">
                        <option value=""></option>
                        <option value=""></option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-3 col-6 mt-4 hidden">
                    <div class="form-group custom-form-group">
                      <label class="form-label" for="customer">Activation Date</label>
                      <input class="form-control" placeholder="" type="date" value="">
                    </div>
                  </div>

                    <div class="col-md-12">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            
                                            <table class="table table-striped" id="pincodemasterList">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Sr. No.</th>
                                                        @if(auth()->user()->role=='super_admin')  
                                                        <th scope="col">Name of Refree</th>
                                                        @endif
                                                        <th scope="col">Referral Mobile/Email</th>
                                                        <th scope="col">Status</th>
                                                        <th scope="col">Date of Referral</th>
                                                        <th scope="col">Activation Date </th>
                                                        <th scope="col">Incentive Amount</th>

                                                        @if(auth()->user()->role!='super_admin')
                                                        <th scope="col">Action</th>
                                                        @endif
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>

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

<script src="{{asset('assets/plugins/jquery-validation/jquery.validate.js')}}"></script>
<script src="{{asset('assets/plugins/jquery-validation/jquery.validate.min.js')}}"></script>
            
<script>
$(document).ready(function() {
    $('input[name="referral_via"]').on('change',function(){
        if($(this).is(':checked')){
            var referral_via=$(this).val();
            if(referral_via=="sms"){
                $('.email_section').hide();
                $('.mobile_section').show();
            }else{
                $('.email_section').show();
                $('.mobile_section').hide();
            }
        }
    }).change();

    $("table").on('click','.delete',function(){
        var delete_url=$(this).attr('data-url');
        var data_id=$(this).attr('data-id');
        new swal({
                title: '',
                text: "Are you Sure want to delete ?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#343a40',
                confirmButtonText: "Yes, Delete",
                cancelButtonText: 'No, Cancel'
            },
            function(isConfirm){
              if (isConfirm) {
                $.ajax({
                        url: delete_url,
                        type: "POST",
                        headers: {
                              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function () { 
                              $('#custum-loader').removeClass('hidden');
                              $('body').addClass('no-scroll');
                        },
                        success: function (data, textStatus, jqXHR) {
                           $('#custum-loader').addClass('hidden');
                           new swal({
                                title: '',
                                text: "Deleted successfully ?",
                                type: 'success'
                            });
                           $('#row_id_'+data_id).remove();
                        },
                        error: function (jqXHR, textStatus, errorThrown) {

                        }
                    });
              } 
          });

    });

    $("#formSubs").validate({

            rules: {
                referral_via: {required:true},
                mobile: {required:true},
                email: {required:true},
                short_description: {required:true},
            },submitHandler: function(form) {
               //form.preventDefault();
               $.ajax({
                  method: 'POST',
                  url:"{{route('post-referral-customers')}}",
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  data: $("#formSubs").serialize(),
                  dataType:'JSON',
                  beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                      $('#custum-loader').removeClass('hidden');
                      $('body').addClass('no-scroll');
                  },
                  success: function (data) {
                  if(data.status == 'true'){
                      
                      swal({
                          title: "Success",
                          text: data.message,
                          type: "success",
   
                          closeOnConfirm: false,
                          showLoaderOnConfirm: true,
                      },
                      function(){
                          window.location.reload();
                      });
                      
                  }
                  else{
   
                      swal({
   
                        title: "oops!",
                        text: data.message,
                        type: "error",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
   
                    });
   
                  }
              },
              error: function () {
                    swal({
                        title: "oops!",
                        text: "Invalid Data",
                        type: "error",
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    }); 
              },
              complete: function () { // Set our complete callback, adding the .hidden class and hiding the spinner.
                  $('#loader').addClass('hidden');
                  $('body').removeClass('no-scroll');
                  $('#custum-loader').addClass('hidden');
              },
   
        });
            }

        });
        var role='{{auth()->user()->role}}';
        if(role!="super_admin"){
            $("#pincodemasterList").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,
                    //responsive: true,
                    ajax: {
                        url: "{{ url('referral-customers/data') }}",
                        data: function(d) {}
                    },

                    columns: [

                        {
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            sortable: false
                        },
                        {
                            data: 'mobile_email',
                            name: 'mobile_email',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'status',
                            name: 'status',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'created_at',
                            name: 'created_at',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'activation_date',
                            name: 'activation_date',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'incentive_amount',
                            name: 'incentive_amount',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'action',
                            name: 'action',
                            searchable: false,
                            orderable: false,
                            defaultContent: 'NA'
                        }
                    ],createdRow: function( row, data, dataIndex){
                        $( row ).attr('id','row_id_'+data.id);
                    },

                });    
        }
        if(role=="super_admin"){
        $("#pincodemasterList").DataTable({
                    "language": {
                        "zeroRecords": "No record(s) found."
                    },
                    processing: true,
                    serverSide: true,
                    lengthChange: true,
                    order: [0, 'asc'],
                    searchable: true,
                    bStateSave: false,
                    //responsive: true,
                    ajax: {
                        url: "{{ url('referral-customers/data') }}",
                        data: function(d) {}
                    },

                    columns: [

                        {
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            sortable: false
                        },
                        {
                            data: 'referree_details',
                            name: 'referree_details',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'mobile_email',
                            name: 'mobile_email',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'status',
                            name: 'status',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'created_at',
                            name: 'created_at',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        {
                            data: 'activation_date',
                            name: 'activation_date',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        },
                        
                        {
                            data: 'incentive_amount',
                            name: 'incentive_amount',
                            searchable: true,
                            orderable: true,
                            defaultContent: 'NA'
                        }
                    ],createdRow: function( row, data, dataIndex){
                        $( row ).attr('id','row_id_'+data.id);
                    },

                });
                }
        

                //Upload Bulk Booking
            });
        </script>
    @endsection