@extends('adminlayout.admin')
@section('content')
<style >
   .btn{
        padding: 5px 5px 5px 5px;
    }
    .card-shadows {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin-top: 15px;
    border-radius: 4px;
}
</style>
<div class="nk-content nk-content-fluid">
   <div class="container-xl wide-lg">

      <div class="nk-content-body">
         <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
               <div class="nk-block-head-content">
                  <h3 class="nk-block-title page-title"> </h3>
                  <div class="nk-block-des text-soft">
                     @if($errors->any())
                     <p class="text-danger">
                        {{ implode('', $errors->all(':message')) }}
                     </p>
                     @endif
                  </div>
               </div>
               <!-- .nk-block-head-content -->
            </div>
            <!-- .nk-block-between -->
         </div>
         <!-- .nk-block-head -->
         <br>
          <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title"> Insurance Details </h3>
                   
                </div><!-- .nk-block-head-content -->
                <div class="nk-block-head-content">
                    <div class="toggle-wrap nk-block-tools-toggle">
                        
                        <div class="toggle-expand-content" data-content="pageMenu">
                            <ul class="nk-block-tools g-3">

                                <li class="nk-block-tools-opt">
                                    <div class="drodown">
                                        <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                         
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div><!-- .toggle-wrap -->
                </div><!-- .nk-block-head-content -->
            </div>
             
         <div class="row">
           
           <div class="col-12 card-shadows">
               <!-- /.card -->
               <div class="card" style="margin-top: 50px;">
                   <!--<div class="card-header">
                       <h3 class="card-title" style="font-size: 2.1rem;">Stock Details List</span></h3>
                       </div>-->
                   <!-- /.card-header -->
                   <div class="card-body">
                       <table id="example1" class="table table-bordered table-striped"
                       style="font-size: 12px;" >
                           <thead>
                               <tr>
                                   <th>S.no</th>
                                   <th>User Id</th>
                                   <th>User Name</th>
                                   <th>Referal Link</th>
                                   <th>Name</th>
                                   <th>Email</th>
                                   <th>Phone</th>
                                   @if (Auth::user()->hasRole('super_admin'))
                                   <th>Action</th>
                                   @endif
                               </tr>
                           </thead>
                           <tbody>
                               @php 
                               $i=1;
                               @endphp
                               @foreach($refer_details as $data)
                               <tr id="{{$data->id}}">
                                   <td>{{$i++}}</td>
                                   <td>{{ $data->usr_id }}</td>
                                   <td>{{ $data->user_name }}</td>
                                   <td>{{ $data->sub_category_name }}</td>
                                   <td></td>
                                   <td>{{ $data->email }}</td>
                                   <td>{{ $data->phone }}</td>
                                   @if (Auth::user()->hasRole('super_admin'))
                                   <td>
                                        @if($data->status == 3)
                                            <span style="color:red">Rejected</span>
                                        @elseif($data->status == 1 )
                                            <span style="color:green">Approved</span>
                                        @endif


                                        @if($data->status == 0)
                                        <button class="btn btn-success" data-toggle="modal" data-target="#approve{{$data->id}}"><i class="fas fa-check"></i></button>
                                        <div class="modal fade" role="dialog" id="approve{{$data->id}}">
                                            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                                <div class="modal-content">
                                                    <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                                    <div class="modal-body modal-body-md">
                                                        <h5 class="add-itrcategory">Approve</h5>
                                                        <hr>
                                                        <div class="tab-content">
                                                            <div class="tab-pane active" id="personal-document">
                                                                <form action="{{ route('insurance_detail_approve') }}" method="post" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="row gy-4">
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">Insurance Amount</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="insurance_amount" required>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">Admin Commission</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="admin_commission" required>
                                                                                    <input type="hidden" name="data_id" value="{{ Crypt::encrypt($data->id) }}">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">Partner Commission</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="partner_commission" required>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">Franchise Commission</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="franchise_commission" required>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">Suvidha Kendra Commission</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="suvidha_kendra_commission" required>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <div class="form-group">
                                                                                <div class="form-label-group">
                                                                                    <label class="form-label" for="name">User Commission</label>
                                                                                </div>
                                                                                <div class="form-control-wrap">
                                                                                    <input type="text" class="form-control" name="user_commission" required>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <div class="col-12">
                                                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                                                <li>
                                                                                    <button type="submit" class="btn btn-lg btn-primary">Save changes</button>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                </form>
                                                            </div>
                                                            <!-- .tab-pane -->
                                                        </div>
                                                        <!-- .tab-content -->
                                                    </div>
                                                    <!-- .modal-body -->
                                                </div>
                                                <!-- .modal-content -->
                                            </div>
                                            <!-- .modal-dialog -->
                                        </div>

                                        <button class="btn btn-danger" data-toggle="modal" data-target="#reject{{$data->id}}"><i class="fas fa-times"></i></button>
                                        <!--modal start here-->
                                        <div class="modal fade" role="dialog" id="reject{{$data->id}}">
                                            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                                                <div class="modal-content">
                                                    <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                                    <div class="modal-body modal-body-md">
                                                        <h5 class="add-itrcategory">Reject Reason</h5>
                                                        <div class="tab-content">
                                                            <div class="tab-pane active" id="personal-document">
                                                                <form action="{{ route('insurance_detail_reject') }}" method="post" enctype="multipart/form-data">
                                                                    @csrf
                                                                    <div class="col-12">
                                                                       <!--  <div class="col-md-12"> -->
                                                                            <div class="form-group">
                                                                                <div class="form-control-wrap">
                                                                                    <textarea class="form-control" name="reason" required></textarea>
                                                                                    <input type="hidden" name="data_id" value="{{Crypt::encrypt($data->id) }}">
                                                                                </div>
                                                                            </div>
                                                                       <!--  </div> -->
                                                                        <div class="col-12">
                                                                            <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                                                <li>
                                                                                    <button type="submit" class="btn btn-lg btn-primary">Submit</button>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                            <!-- .tab-pane -->
                                                        </div>
                                                        <!-- .tab-content -->
                                                    </div>
                                                    <!-- .modal-body -->
                                                </div>
                                                <!-- .modal-content -->
                                            </div>
                                            <!-- .modal-dialog -->
                                        </div>
                                        @endif
                                   </td>
                                   @endif
                               </tr>
                               @endforeach
                           </tbody>
                       </table>
                   </div>
                   <!-- /.card-body -->
               </div>
               <!-- /.card -->
           </div>
           <!-- /.col -->
         </div>

         
         <!-- .nk-block -->
      </div>
   </div>
</div>
@endsection