@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
{{-- for success msg --}}
@if (session('success'))
<div class="alert alert-success">
   {{ session('success') }}
</div>
@endif
        <!-- Content wrapper -->
        <div class="content-wrapper">
            <!-- Content -->
          <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Credit Card /</span> Edit</h4>
            @if(isset($cc_products->id))
              <form id="formAuthentication" class="mb-3" action="{{ route('superadmin.update_cc_product',$cc_products->id)}}"  enctype="multipart/form-data" method="POST">
               @method('PUT')  
            @else
              <form id="formAuthentication" class="mb-3" action="{{ route('superadmin.add_cc_product')}}"  enctype="multipart/form-data" method="POST">
              @method('PUT')
            @endif
             
              <div class="row">
                <div class="col-md-12"> 
                  <div class="card mb-4">
                    <div class="card-body">     
                     @csrf
                      <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{{asset('public/uploads/loanproducts/'. $cc_products->Logo ?? '')}}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                        <div class="button-wrapper">
                          <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Upload Logo</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input
                             type="file"
                              id="upload"
                              name="uploadlogo"
                              class="account-file-input"
                              hidden
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Reset</span>
                          </button>
                          <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                        </div>
                      </div>
                    </div>
                    <hr class="my-0" />
                    <div class="card-body">
                        <div class="row">
                          <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Product Name</label>
                            <input
                              class="form-control"
                              type="text"
                              id="productname"
                              name="productname"
							                placeholder=""
                              value="{{$cc_products->productname}}"
                              required  />
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Partner</label>
                            <select
                              class="form-control"
                              type="text"
                              id="partnerid"
                              name="partnerid"
                              placeholder=""
                              />
                              <option value="">Select</option>
                              @foreach($securedloan_partner as $pr)
                                <option value="{{$pr->id}}" {{ $pr->id == $cc_products->partnerid ? 'selected' : ''}}>{{$pr->companypartner}}</option>
                              @endforeach
                            </select>  
                          </div>
						              <div class="mb-3 col-md-12">
                            <label for="firstName" class="form-label">Short Bio</label>
                            <textarea 
                              name="shortdescription" 
                              id="basic-default-message"
                              class="form-control"
                              placeholder="" 
                            >{{$cc_products->shortdescription}}</textarea>
                          </div>
						             <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Email Id</label>
                           <input class="form-control" type="email" id="email " name="email" required 
                              value="{{$cc_products->email }}"
                              autofocus
                            />
                          </div>
						             <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">Contact No.</label>
                            <input type="number" class="form-control" id="phone" name="phone" placeholder="" value="{{$cc_products->phone }}"/>
                          </div>

                          
                           <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">Contact Person</label>
                            <input type="text" class="form-control" id="contact_person" name="contact_person" placeholder="" value="{{$cc_products->contact_person }}"/>
                          </div>

                           <div class="mb-3 col-md-12 sub_investors">
                             <label for="address" class="form-label">Partner Range</label>
                              <ul id="input-list" class="list-group">
                                @forelse($loan_ins_partner_range as $key=> $val)
                                  <li class="input-row li_input_row list-group-item">
                                      <input type="number" class="form-control" name="range_partner_from[]" value="{{$val->range_from}}" placeholder="Range -Partner From(In Cr.)">

                                      <input type="number" class="form-control" name="range_partner_to[]" value="{{$val->range_to}}" placeholder="Range -Partner To(In Cr.)">

                                      <input type="number" class="form-control" name="payout_percentage_by_partner[]"  value="{{$val->payout}}"  placeholder="% Payout Offered By Partner">
                                      <button class="remove-row btn">Remove</button>
                                  </li>
                                @empty
                                  <li class="input-row li_input_row list-group-item">
                                      <input type="number" class="form-control" name="range_partner_from[]" placeholder="Range -Partner From(In Cr.)">
                                      <input type="number" class="form-control" name="range_partner_to[]" placeholder="Range -Partner To(In Cr.)">
                                      <input type="number" class="form-control" name="payout_percentage_by_partner[]" placeholder="% Payout Offered By Partner">
                                      <button class="remove-row btn">Remove</button>
                                  </li>
                                @endforelse
                              </ul>
                               <button type="button" class="btn" id="add-row">Add More</button>
                          </div>  


                           <div class="mb-3 col-md-12 sub_investors">
                            <label for="address" class="form-label">Buddy Range</label>
                              <ul id="input-list-buddy" class="list-group">
                                 @forelse($loan_ins_buddy_range as $key=> $val)
                                 <li class="input-row li_input_row list-group-item">
                                    <input type="text" class="form-control" name="range_buddy_from[]"  value="{{$val->range_from}}"  placeholder="Range -Buddy From(In Cr.)">

                                    <input type="text" class="form-control"  value="{{$val->range_to}}"  name="range_buddy_to[]" placeholder="Range -Buddy To(In Cr.)">

                                    <input type="text" class="form-control"  value="{{$val->payout}}"  name="payout_percentage_to_buddy[]" placeholder="% Payout Offered To Buddy">
                                    <button class="remove-row btn">Remove</button>
                                </li>
                                 @empty
                                <li class="input-row li_input_row list-group-item">
                                    <input type="text" class="form-control" name="range_buddy_from[]" placeholder="Range -Buddy From(In Cr.)">
                                    <input type="text" class="form-control" name="range_buddy_to[]" placeholder="Range -Buddy To(In Cr.)">
                                    <input type="text" class="form-control" name="payout_percentage_to_buddy[]" placeholder="% Payout Offered To Buddy">
                                    <button class="remove-row btn">Remove</button>
                                </li>
                                 @endforelse
                              </ul>
                               <button type="button" class="btn" id="add-row-buddy">Add More</button>
                          </div>

						           
                        <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                        
                        </div>
                     </div>
                     <!-- /Account -->
                    </div>
                   </form>
                </div>
              </div>
            </div>
            <!-- / Content -->


      <script>
   $(document).ready(function(){
    $("#add-row").click(function(){
      var newRow = '<li class="input-row li_input_row list-group-item">' +
                      '<input type="number"  class="form-control" name="range_partner_from[]" placeholder="Range -Partner From(In Cr.)">&nbsp;' +
                      '<input type="number"  class="form-control" name="range_partner_to[]" placeholder="Range -Partner To(In Cr.)">&nbsp;' +
                      '<input type="number"  class="form-control" name="payout_percentage_by_partner[]" placeholder="% Payout Offered By Partner">&nbsp;' +
                      '<button class="remove-row btn">Remove</button>' +
                    '</li>';
      $("#input-list").append(newRow);
    });

    $("#input-list").on("click", ".remove-row", function(){
      $(this).closest("li").remove();
    });
  });
</script>

 <script>
   $(document).ready(function(){
    $("#add-row-buddy").click(function(){
      var newRow = '<li class="input-row li_input_row list-group-item">' +
                      '<input type="number"  class="form-control" name="range_buddy_from[]" placeholder="Range -Buddy From(In Cr.)">&nbsp;' +
                      '<input type="number"  class="form-control" name="range_buddy_to[]" placeholder="Range -Buddy To(In Cr.)">&nbsp;' +
                      '<input type="number"  class="form-control" name="payout_percentage_to_buddy[]" placeholder="% Payout Offered To Buddy">&nbsp;' +
                      '<button class="remove-row btn">Remove</button>' +
                    '</li>';
      $("#input-list-buddy").append(newRow);
    });

    $("#input-list-buddy").on("click", ".remove-row", function(){
      $(this).closest("li").remove();
    });
  });
</script>
<style type="text/css">
    .li_input_row {
        display: flex;
    }
</style>         
@endsection