@extends('admin.layout.app')
@section('content')

  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Platform Fee Management</h1> </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}"><i class="fas fa-home"></i></a>
                                </li>
              <li class="breadcrumb-item active">Platform Fee</li>

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

  
 <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-body">
              <form class="needs-validation formSubmit" action="{{url('admin/store-commission-management')}}" method="post" enctype="multipart/form-data" name="add_model" id="add_model"> 
          @csrf


          <div class="row">
            <div class="col-md-6 mb-2">
              <label>Business<span style="color:red;">*</span></label>
              <select class="form-control" name="business_name" id="business_name" required>
                <option value="" disabled="">Select Business</option>
                @foreach($business_list as $module)
                  <option value="{{$module->id}}">{{$module->name}}</option>
                @endforeach  
              </select>
            </div>
            <div class="col-md-6 mb-2 pt-4" style="text-align: right;">
              <label>&nbsp;</label>
              <button id="addmore" type="button" class="btn btn-success">Add More</button>
            </div>
          </div>
          <div class="data">
            @foreach($commission_list as $comm)
              <div class="row new_item">
                <div class="col-md-3 col-sm-12 pb-3">
                   <label>Platform<span style="color:red;">*</span></label>
                   <select class="form-control" name="plateform_name[]" id="plateform_name" required>
                    <option value="">Select Platform</option>
                    <option value="website" {{@$comm->plateform_name =="website"?'selected':''}} >Website</option>
                    <option value="POS" {{@$comm->plateform_name =="POS"?'selected':''}} >POS</option>
                    <option value="APP" {{@$comm->plateform_name =="APP"?'selected':''}} >APP</option>
                    <option value="qrcode" {{@$comm->plateform_name =="qrcode"?'selected':''}} >QRcode</option>
                  </select>
                </div>
                <div class="col-md-3 col-sm-12 pb-3">
                   <label>Payment Method<span style="color:red;">*</span></label>
                    <select class="form-control" name="payment_method_name[]" id="payment_method_name" required>
                      <option value="">Select Payment Method</option>
                      @foreach($paymentMethod as $pay)
                      <option value="{{$pay->name}}"  {{@$comm->payment_method_name ==$pay->name?'selected':''}} >{{$pay->name}}</option>  
                      @endforeach                
                    </select>
                </div>
                <div class="col-md-3 col-sm-12 pb-3">
                   <label>Platform Fee Percentage<span style="color:red;">*</span></label>
                   <input type="text" class="form-control" placeholder="commission percentage" value="{{@$comm->commission_percentage}}" name="commission_percentage[]" required> 
                </div>
                <div class="col-md-3 col-sm-12 mb-2 pt-4">
                   <label>&nbsp;</label>
                  <button  type="button" class="btn btn-secondary delete_row">Remove</button>
                </div>
              </div>
            @endforeach
          </div>         
          <div class="d-flex justify-content-end" style="padding: 34px 0px 0 0px;">
            <a href="{{url('admin/business')}}" class="btn btn-secondary px-3 mr-1">Back</a>
            <button type="submit" class="btn btn-primary px-3">Submit</button>
          </div>
        </form>

              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
  $("#addmore").on('click',function(){
      $(".data").append(`<div class="row new_item">
            <div class="col-md-3 col-sm-12 pb-3">
               <label>Platform<span style="color:red;">*</span></label>
               <select class="form-control" name="plateform_name[]" id="plateform_name" required>
                <option value="">Select Platform</option>
                <option value="website">Website</option>
                <option value="POS">POS</option>
                <option value="APP">APP</option>
                <option value="qrcode">QRcode</option>
              </select>
            </div>
            <div class="col-md-3 col-sm-12 pb-3">
               <label>Payment Method<span style="color:red;">*</span></label>
                <select class="form-control" name="payment_method_name[]" id="payment_method_name" required>
                  <option value="">Select Payment Method</option>
                  @foreach($paymentMethod as $pay)
                  <option value="{{$pay->name}}">{{$pay->name}}</option>  
                  @endforeach                
                </select>
            </div>
            <div class="col-md-3 col-sm-12 pb-3">
               <label>Platform Fee Percentage<span style="color:red;">*</span></label>
               <input type="text" class="form-control" placeholder="commission percentage" name="commission_percentage[]" required> 
            </div>
            <div class="col-md-3 col-sm-12 mb-2 pt-4">
               <label>&nbsp;</label>
              <button  type="button" class="btn btn-secondary delete_row">Remove</button>
            </div>
        </div>`);
    
  })

  $("body").on("click", ".delete_row", function () {
      $(this).parents(".new_item").remove();
  })
 
</script>

@endsection