@extends('admin.layouts.masterlayout')
@section('styles')

<link href="{{asset('new_theme/assets/plugins/datatable/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
@endsection
@section('content')
<div class="main-content">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <!-- <div class="welcome-text">
                <h4>View User Detail</h4>
            </div> -->
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Withdraw Requests</a></li>
                <li class="breadcrumb-item">View User Detail</li>
            </ol>
        </div>
    </div>
<div class="row">
        <div class="col-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header"><h4>View User Detail</h4></div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="dataList" class="table table-striped table-bordered dataTable no-footer"  style="width:100%">
                            <thead>
                                <tr>
                                <th>S No.</th>
                                <th>Ac No</th>
                                <th>IFSC</th>
                                <th>Bank Name</th>
                                <th>Bank Branch</th>
                                <th>State</th>
                                <th>Image</th>
                                <th>Status</th>
                                <th>Comment</th>
                                <th>Date</th>
                                <th>PAN Name</th>
                                <th>PAN Number</th>
                                <th>PAN DOB</th>
                                <th>Image</th>
                                <th>Status</th>
                                <th>Comment</th>
                                <th>Date</th>
                            </tr>
                            </thead>

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

        <div class="row">
        <div class="col-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header"><h4>Users Detail</h4></div>
                <div class="card-body col-md-6">
                    <div class="basic-form">
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">A/C No</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control accno" value="" readonly="">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">IFSC</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control ifsc" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Bank Name</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control bankname" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Bank Branch</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control bankbranch" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">State</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control state" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row ">
                                <label class="col-sm-3 col-form-label">Image</label>
                                <div class="col-sm-9 image">

                                </div>

                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Status</label>
                                <div class="col-sm-9 status">

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Comment</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control comment" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Date</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control created" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">PAN Name</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control pan_name" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">PAN Number</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control pan_number" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">PAN DOB</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control pan_dob" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row ">
                                <label class="col-sm-3 col-form-label">Image</label>
                                <div class="col-sm-9 pan_image">

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Status</label>
                                <div class="col-sm-9 pan_dob">

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Comment</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control pan_comment" value="" readonly="">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Date</label>
                                <div class="col-sm-9">
                                    <input type="" class="form-control pan_created" value="" readonly="">
                                </div>
                            </div>

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


</div>
@php
$id= base64_encode(serialize($id));
@endphp
@endsection
@section('scripts')
<script src="{{asset('new_theme/assets/plugins/datatable/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('new_theme/assets/plugins/datatable/js/dataTables.bootstrap5.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function() {
    /*$('#dataList').DataTable({
      order: [1, 'desc'],
        "processing": true,
        "serverSide": true,
        "ajax":{
          url:"{{route($modelName.'.view_user',$id)}}",
          type: "POST",
          data : {"_token": "{{ csrf_token() }}"}
        },
        "columns": [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'accno', name: 'accno'},
            {data: 'ifsc', name: 'ifsc'},
            {data: 'bankname', name: 'bankname'},
            {data: 'bankbranch', name: 'bankbranch'},
            {data: 'state', name: 'state'},
            {data: 'image', name: 'image',orderable: false, searchable: false},
            {data: 'status', name: 'status',orderable: false, searchable: false},
            {data: 'comment', name: 'comment',orderable: false, searchable: false},
            {data: 'created', name: 'created',orderable: false, searchable: false},
            {data: 'pan_name', name: 'pan_name'},
            {data: 'pan_number', name: 'pan_number'},
            {data: 'pan_dob', name: 'pan_dob'},
            {data: 'pan_image',name:'pan_image',orderable: false, searchable: false},
            {data: 'pan_status', name:'pan_status',orderable: false, searchable: false},
            {data: 'pan_comment', name: 'pan_comment',orderable: false, searchable: false},
            {data: 'pan_created', name: 'pan_created',orderable: false, searchable: false},
        ]
    });*/

    $.ajax({
        url: "{{route($modelName.'.view_user',$id)}}",
        type: "POST",
        data: {"_token": "{{ csrf_token() }}"},
        success: function(result){
            console.log(result);
            $(".accno").val(result['data'][0].accno);
            $(".bankbranch").val(result['data'][0].bankbranch);
            $(".bankname").val(result['data'][0].bankname);
            $(".comment").val(result['data'][0].comment);
            $(".created").val(result['data'][0].created);
            $(".status").append(result['data'][0].status);
            $(".pan_created").val(result['data'][0].pan_created);
            $(".pan_comment").val(result['data'][0].pan_comment);
            $(".pan_status").append(result['data'][0].pan_status);
            $(".pan_name").val(result['data'][0].pan_name);
            $(".pan_dob").val(result['data'][0].pan_dob);
            $(".image").append(result['data'][0].image);
            $(".pan_image").append(result['data'][0].pan_image);
            $(".ifsc").val(result['data'][0].ifsc);
            $(".state").val(result['data'][0].state);
            $(".pan_number").val(result['data'][0].pan_number);

        },
        error: function(result) {
            console.log(result);
        }
    });


});
</script>
@endsection