@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
</style>
<div class="content-wrapper">
<section class="content-header" style="float:right;">
    @if(Auth::user()->hasRole('super_admin'))
    <a href="{{route('dashboard')}}" class="dropdown-toggle btn btn-lg btn-info" >Back </a>
    <a href="#" class="dropdown-toggle btn btn-lg btn-info" style="padding-right: 10px;" data-toggle="modal" data-target="#addgstcategory"><i class="fa fa-fw fa-plus"></i>Add Insurance Category</a>
                                            <!--modal start here-->
            <!--modal start here-->
        <div class="modal fade" role="dialog" id="addgstcategory">
            <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">Add Insurance Sub Category</h5>
                        <div class="tab-content">
                            <div class="tab-pane active" id="personal-document">
                                <form action="{{ route('store_refer_link_sub_category') }}" 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 for="insurance_category_id" class="form-label">Insurance Category</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <select name="insurance_category_id" id="insurance_category_id" class="form-control">
                                                        @foreach ($loanCats as $item)
                                                            <option value="{{ $item->id }}">{{ $item->category_name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="name">Name</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="category_name" id="name" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="company_logo">Company Logo</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="file" class="form-control" name="company_logo" id="company_logo" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="refer_link">refer_link</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="refer_link" id="refer_link" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="video_link">video_link</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="video_link" id="video_link" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="payout">Payout</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="payout" id="payout" required>
                                                </div>
                                            </div>
                                        </div>
                                         <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="user_id">Login Id</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="user_id" id="user_id" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <!-- suvidha kendra commission -->
                                                <div class="form-label-group">
                                                    <label class="form-label" for="password">Password</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <input type="text" class="form-control" name="password" id="password" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <div class="form-label-group">
                                                    <label class="form-label" for="details">Details</label>
                                                </div>
                                                <div class="form-control-wrap">
                                                    <textarea name="details" id="details" class="tinymce-basic form-control"></textarea>
                                                </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">Add</button>
                                                </li>
                                                <li>
                                                    <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                </li>
                                            </ul>
                                        </div> -->
                                    </div>
                                    <div class="col-12">
                                            <div style="padding-bottom: 15px;">
                                                <div class="text-center">            
                                                 <button type="submit" class="btn btn-lg btn-primary">ADD</button>
                                                   
                                                  <button type="reset" class="btn btn-lg btn-danger" id="reset" name="reset">
                                                    <span class="fa fa-fw fa-circle-o"></span>
                                                      Reset        </button>
                                                          
                                                </div>
                                                
                                              </div>
                                             
                                        </div>
                                </form>
                            </div>
                            <!-- .tab-pane -->
                        </div>
                        <!-- .tab-content -->
                    </div>
                    <!-- .modal-body -->
                </div>
                <!-- .modal-content -->
            </div>
            <!-- .modal-dialog -->
        </div>
   
    @endif
        
  </section>
  <BR><BR>
 
<section class="content">     
  
    <div class="row">
        <div class="col-xs-12">
            <!-- /.card -->
            <div class="box box-success" >
              <div class="box-header">
                <h3 class="box-title">Insurance Category List</h3>
              </div>
               @if(Session::has('message'))
    <p class="alert {{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
    @endif
                <div class="box-body">
                  <div class="table-responsive">
      
<table id="" class="table table-bordered table-striped">
<thead>
<tr>
<th>S.no</th>
<th>Insurance Category</th>
<th>Company Name</th>
<th>Company Logo</th>
<th>refer_link</th>
<th>video_link</th>
<th>payout</th>
<th>details</th>
<th>Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@php 
$i=1;
@endphp
@foreach($data as $data)
<tr id="{{$data->id}}">
<td>{{$i++}}</td>
<td>{{ $data->insurance_category->category_name ?? $data->insurance_category_id }}</td>
<td>{{ $data->category_name }}</td>
<td><a href="{{ $data->company_logo }}" target="_blank"><img src="{{ $data->company_logo }}" height="50" alt="logo"></a></td>
<td>{{ $data->refer_link }}</td>
<td>{{ $data->video_link }}</td>
<td>{{ $data->payout }}</td>
<td>{!! Str::limit($data->details, 50, '...') !!}</td>
<td>{{date_format($data->created_at,"d M, Y")}}</td>
<td>
<button class="btn btn-{{$data->status==0 ? 'danger' : 'success'}} change-status-list" data-id='{{$data->id}}' status="{{$data->status}}" url="{{url()->current()}}" table="insurance_sub_categories"> <i class="fa fas fa-{{$data->status==0 ? 'times' : 'check'}}"></i></button>
<button class="btn btn-primary" data-toggle="modal" data-target="#addgstcategory{{$data->id}}"> <i class="fa fas fa-edit"></i></button>
<!--modal start here-->
<div class="modal fade" role="dialog" id="addgstcategory{{$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="fa fas fa-cross"></em></a>
            <div class="modal-body modal-body-md">
                <h5 class="add-itrcategory">Edit Insurance</h5>
                <div class="tab-content">
                    <div class="tab-pane active" id="personal-document">
                        <form action="{{ route('update_insurance_sub_category') }}" method="post" enctype="multipart/form-data">
                            @method('put')
                            @csrf
                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label for="insurance_category_id" class="form-label">Insurance Category</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <select name="insurance_category_id" id="insurance_category_id" class="form-control">
                                                @foreach ($loanCats as $item)
                                                    <option value="{{ $item->id }}" @if($data->insurance_category_id == $item->id){{ 'selected' }}@endif>{{ $item->category_name }}</option>
                                                @endforeach
                                            </select>
                                            <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">Name</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <input type="text" class="form-control" name="category_name" value="{{$data->category_name}}" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="refer_link">refer_link</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <input type="text" class="form-control" name="refer_link" value="{{$data->refer_link}}" id="refer_link" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="video_link">video_link</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <input type="text" class="form-control" name="video_link" value="{{$data->video_link}}" id="video_link" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="payout">payout</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <input type="text" class="form-control" name="payout" value="{{$data->payout}}" id="payout">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="details">details</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <textarea name="details" id="details" class="tinymce-basic form-control">{{$data->details}}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img src="{{ $data->company_logo }}" height="150" alt="">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="company_logo">Company Logo</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <input type="file" class="form-control" name="company_logo" id="company_logo" >
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-label-group">
                                            <label class="form-label" for="company_logo">Status</label>
                                        </div>
                                        <div class="form-control-wrap">
                                            <select class="form-control" name="status">
                                                <option value="{{ $data->status }}" selected>
                                                    {{ $data->status == 1 ? 'Active' : 'Inactive' }}
                                                </option>
                                                <option value="1">Active</option>
                                                <option value="0">Inactive</option>
                                            </select>
                                        </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>
                            <div class="col-12">
                                            <div style="padding-bottom: 15px;">
                                                <div class="text-center">            
                                                 <button type="submit" class="btn btn-lg btn-primary">Save changes</button>
                                                   
                                                  <button type="reset" class="btn btn-lg btn-danger" id="reset" name="reset">
                                                    <span class="fa fa-fw fa-circle-o"></span>
                                                      Reset        </button>
                                                          
                                                </div>
                                                
                                              </div>
                                             
                                        </div>
                        </form>
                    </div>
                    <!-- .tab-pane -->
                </div>
                <!-- .tab-content -->
            </div>
            <!-- .modal-body -->
        </div>
        <!-- .modal-content -->
    </div>
    <!-- .modal-dialog -->
</div>
<!--modal end here-->
<button class="btn btn-danger delete-list" data-id='{{$data->id}}' url="{{url()->current()}}" table="insurance_sub_categories" con="Loan category"> <i class="fa fas fa-trash"></i></button>
</td>
</tr>
@endforeach
</tbody>
</table>

                    </div>
                </div>
          </div>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
     
      <!-- /.col -->
  
    
</section>
</div>
@endsection