@extends('layouts.backend')
@section('extraCss')  
 <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
 <style type="text/css">
      table.TableAddDelete{
    width: 100%;
    border-collapse: collapse;
    margin-top:20px;
}
table.TableAddDelete th, table.TableAddDelete td{
    border: 1px solid #cdcdcd;
    padding: 7px;
}
 </style>
@endsection
@section('mainContentArea')
@php  $planduration = ['y' => 'Years','m' =>'Months','d' => 'Days']; 
      $status = [1 => 'Active',2 =>'Deactive'];
@endphp
<div class="card card-default">
    <div class="card-header">
        <h4>
            Edit Plan
            <a href="{{ route('spsplans') }}" class="btn btn-info float-right btn-sm"> Back</a>
        </h4>
    </div>

    @if (count($errors) > 0)
   <div class = "alert alert-danger">
      <ul>
         @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
         @endforeach
      </ul>
   </div>
   @endif
    <div class="card-body">
       
        <form   method="POST" enctype="multipart/form-data" action="{{ route('spsplan.update') }}" >
        @csrf
        
        <div class="row">
            <div class="col-md-12"><h5>Basic Details</h5><hr/></div>
            <div class="col-md-4 form-group">
                <label for="name">Membership Title</label>
                <input name="plan_id" type="hidden" id="plan_id" class="form-control" value="{{!empty($plan_id) ? $plan_id : ''}}">
                <input name="name" id="name" class="form-control" required value="{{!empty($plans->plan_name) ? $plans->plan_name : ''}}">
            </div>
            
            <div class="col-md-4 form-group">
                <label for="code"> Membership Image </label>
                <input type="file" name="image" id="image" class="form-control">

            </div>                       

            <div class="col-md-4 form-group">
                <label for="seo_url">SEO URL </label>
                <input name="seo_url" id="seo_url" class="form-control" value="{{!empty($plans->planInfo->seo_url) ? $plans->planInfo->seo_url : ''}}" required>
            </div>

            <div class="col-md-4 form-group">
                <label for="status">Enable / Disable Membership</label>
                <select name="status" id="status" class="form-control select2" required>
                    <option value="">Select Option</option>
                    @foreach($status as $key => $statusv)
                    <option value="{{ $key }}" {{ $plans->planInfo->status == $key ? 'selected' : '' }}>{{ $statusv }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-4 form-group">
                <label for="short_order">Sort Order </label>
                <input type='number' name="sort_order" id="sort_order" class="form-control" value="{{!empty($plans->planInfo->sort_order) ? $plans->planInfo->sort_order : ''}}" min="0">
            </div> 

            <div class="col-md-12"><h5> Warehouse And POS </h5><hr/></div> 

            <div class="col-md-4 form-group">
                <label for="status">Warehouse </label>

                <select name="warehouse_id[]" id="warehouse" class="input-md"  multiple="multiple" >  
                                           
                    @foreach($ALL_WAREHOUSES as $warehouse)
                    <option value="{{ $warehouse->id }}" {{  ( !empty($Warehouseid) && in_array($warehouse->id, $Warehouseid) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                    @endforeach
                </select>
            </div>

             <div class="col-md-4 form-group">
                <label for="status">Pos </label>
                 <select name="pos_id[]" id="Pos" class="input-md"  multiple="multiple">

                    @foreach($ALL_POS as $warehouse)
                    <option value="{{ $warehouse->id }}" {{ ( !empty($Warehouseid) && in_array($warehouse->id, $Warehouseid) ? "selected" : "") }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                    @endforeach
                 </select>
            </div>  

            <div class="col-md-12"><h5> Membership Amount</h5><hr/></div>

            <div class="col-md-4 form-group">
                <label for="duration">Membership Time Span </label>
                <input name="duration" id="duration" class="form-control" required value="{{!empty($plans->planInfo->duration) ? $plans->planInfo->duration : ''}}" min="1">
            </div>

            <div class="col-md-4 form-group">
                <label for="duration_type">Duration Type</label>
                <select name="duration_type" id="duration_type" class="form-control select2" required>
                    <option value="">Select Option</option>
                    @foreach($planduration as $key => $duration)
                    <option value="{{ $key }}" {{ $plans->planInfo->duration_type == $key ? 'selected' : '' }}>{{ $duration }}</option>
                    @endforeach
                </select>
            </div> 

            <div class="col-md-4 form-group">
                <label for="price">Membership Amount</label>
                <input name="price" id="price" class="form-control" required value="{{!empty($plans->planInfo->price) ? $plans->planInfo->price : ''}}">
            </div>

            <div class="col-md-12"><h5>Discount Details</h5><hr/></div>

            <div class="col-md-4 form-group">
                <label for="bday">Birthday Discount (%) </label>
                <input name="bday" id="bday" class="form-control" value="{{!empty($plans->planInfo->bday) ? $plans->planInfo->bday : 0}}">
            </div>

            <div class="col-md-4 form-group">
                <label for="bdaygift">Birthday Gift  </label>
                <input name="bdaygift" id="bdaygift" class="form-control" value="{{!empty($plans->planInfo->bdaygift) ? $plans->planInfo->bdaygift : 0}}">
            </div>

            <div class="col-md-4 form-group">
                <label for="ann">Annversary Discount (%) </label>
                <input name="ann" id="ann" class="form-control" value="{{!empty($plans->planInfo->ann) ? $plans->planInfo->ann : 0}}">
            </div>            

            <div class="col-md-4 form-group">
                <label for="ann_gift">Annversary Gift  </label>
                <input name="ann_gift" id="ann_gift" class="form-control" value="{{!empty($plans->planInfo->anngift) ? $plans->planInfo->anngift : 0}}">
            </div>

            <div class="col-md-12"><h5>Description</h5><hr/></div> 

            <div class="col-md-4 form-group">
                <label for="meta_tag_title">Meta Tag Title </label>
                <input name="meta_tag_title" id="meta_tag_title" class="form-control" value="{{!empty($plans->meta_tag_title) ? $plans->meta_tag_title : ''}}" required>
            </div>
            
            <div class="col-md-4 form-group">
                <label for="meta_tag_description">Meta Tag Description </label>
                <textarea name="meta_tag_description" id="meta_tag_description" class="form-control" required>
                    {{!empty($plans->meta_tag_description) ? $plans->meta_tag_description : ''}}
                </textarea>
            </div>   

            <div class="col-md-4 form-group">
                <label for="meta_tag_keyword">Meta Tag Keyword </label>                
                <textarea name="meta_tag_keyword" id="meta_tag_keyword" class="form-control" required>
                    {{!empty($plans->meta_tag_keyword) ? $plans->meta_tag_keyword : ''}}
                </textarea>
            </div>        
            
            <div class="col-md-6 form-group">
                <label for="top_description">Header Illustaration </label>
                <textarea name="top_description" id="top_description" class="form-control " required> {{!empty($plans->top_description) ? $plans->top_description : ''}}</textarea>
            </div>
            <div class="col-md-6 form-group">
                <label for="bottom_description">Footer Illustaration </label>
                <textarea name="bottom_description" id="bottom_description" class="form-control " required>
                    {{!empty($plans->bottom_description) ? $plans->bottom_description : ''}}
                </textarea>
            </div> 

            <div class="col-md-12"><h5>Vouchers Details</h5><hr/></div> 
            <div class="col-md-12 form-group">
                <div class="table-responsive">
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th class="text-center">Total Vouchers</th>
                        <th class="text-center">Voucher Amount</th>
                        <th class="text-center">Order Total</th>
                        <th class="text-center">Points</th>
                        <th class="text-center">Action</th>
                      </tr>
                    </thead>
                    <tbody id="tbodyv">
                    @php $count = 0;@endphp
                      @if(count($PlanVouchers) > 0)
                       @foreach($PlanVouchers as $key => $value)

                        @php $count = $key +1 ; @endphp
                        <tr id="{{$count}}">
                              <td class="row-index text-center">               
                                    <input type="number" name="voucher[{{$count}}][total]"  id="vt{{$count}}" value="{{!empty($value->nov) ? $value->nov : 0}}" class="form-control" placeholder="Enter Total Vouchers" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="number" name="voucher[{{$count}}][amount]"  value="{{!empty($value->vamt) ? $value->vamt : 0}}" class="form-control" placeholder="Enter Voucher Amount" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="number" name="voucher[{{$count}}][order]"   value="{{!empty($value->minshopval) ? $value->minshopval : 0}}" class="form-control" placeholder="Enter Order Total" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="number" name="voucher[{{$count}}][points]"   value="{{!empty($value->nop) ? $value->nop : 0}}" class="form-control" placeholder="Enter Points" required />
                              </td>
                               <td class="text-center">
                                <button class="btn btn-danger remove" 
                                    type="button">Remove</button>
                                </td>
                        </tr>
                       @endforeach 
                      @endif
                    </tbody>
                  </table>
                </div>
               
                
                <button class="btn btn-md btn-primary" 
                    id="addBtn" type="button">
                  Add Voucher Info
                </button>
                <button class="btn btn-md btn-primary" 
                    id="addFrq" type="button">
                  Add Frequency
                </button>
            </div>

            <div class="col-md-12 form-group">
                <div class="table-responsive">
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th class="text-center">Voucher Number</th>
                        <th class="text-center">Amount</th>
                        <th class="text-center">Max.redeem</th>                        
                      </tr>
                    </thead>
                    <tbody id="tbodyw">
                    @php $countw = 0;@endphp
                     @if(count($PlanVouchers) > 0)
                      @if(count($PlanWallet) > 0)
                       @foreach($PlanWallet as $key => $value)

                        @php $countw = $key +1 ; @endphp
                        <tr id="{{$countw}}">
                              <td class="row-index text-center">               
                                    <input type="number" name="wallet[{{$countw}}][number]"  value="{{!empty($value->voucher_number) ? $value->voucher_number : 0}}" class="form-control" placeholder="Enter Voucher number" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="number" name="wallet[{{$countw}}][amount]" value="{{!empty($value->amount) ? $value->amount : 0}}" class="form-control" placeholder="Enter Voucher Amount" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="number" name="wallet[{{$countw}}][max_redeem]" value="{{!empty($value->max_redeem) ? $value->max_redeem : 0}}"  class="form-control" placeholder="Enter max redeem" required />
                              </td> 
                        </tr>
                       @endforeach 
                      @endif
                      @endif
                    </tbody>
                  </table>
                </div>
                
            </div>

            <div class="col-md-12"><h5>Appointment Config</h5><hr/></div> 
            <div class="col-md-12 form-group">
                <div class="table-responsive">
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th class="text-center"></th>
                        <th class="text-center">10.00 - 11.00</th>
                        <th class="text-center">11.00 - 12.00</th>
                        <th class="text-center">12.00 - 13.00</th>
                        <th class="text-center">13.00 - 14.00</th>
                        <th class="text-center">14.00 - 15.00</th>
                        <th class="text-center">15.00 - 16.00</th>
                        <th class="text-center">16.00 - 17.00</th>
                        <th class="text-center">17.00 - 18.00</th>
                        <th class="text-center">18.00 - 19.00</th>
                        <th class="text-center">19.00 - 20.00</th>
                        <th class="text-center">20.00 - 21.00</th>
                        <th class="text-center">21.00 - 22.00</th>
                        <th class="text-center">22.00 - 23.00</th>                       
                      </tr>
                    </thead>
                    <tbody>
                        @if(count($PlanApt) > 0)
                        @foreach($PlanApt as $key => $value)
                        
                            @if($key === 7)
                             @break
                            @endif
                        
                        <tr><td>{{$value->day}} </td>
                            <td><input type='number' name="apt[{{$value->day}}][10_11]"  class="form-control" value="{{!empty($value->slot_10_11) ? $value->slot_10_11 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][11_12]"  class="form-control" value="{{!empty($value->slot_11_12) ? $value->slot_11_12 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][12_13]"  class="form-control" value="{{!empty($value->slot_12_13) ? $value->slot_12_13 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][13_14]"  class="form-control" value="{{!empty($value->slot_13_14) ? $value->slot_13_14 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][14_15]"  class="form-control" value="{{!empty($value->slot_14_15) ? $value->slot_14_15 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][15_16]"  class="form-control" value="{{!empty($value->slot_15_16) ? $value->slot_15_16 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][16_17]"  class="form-control" value="{{!empty($value->slot_16_17) ? $value->slot_16_17 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][17_18]"  class="form-control" value="{{!empty($value->slot_17_18) ? $value->slot_17_18 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][18_19]"  class="form-control" value="{{!empty($value->slot_18_19) ? $value->slot_18_19 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][19_20]"  class="form-control" value="{{!empty($value->slot_19_20) ? $value->slot_19_20 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][20_21]"  class="form-control" value="{{!empty($value->slot_20_21) ? $value->slot_20_21 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][21_22]"  class="form-control" value="{{!empty($value->slot_21_22) ? $value->slot_21_22 : 0}}" min="0"></td>
                            <td><input type='number' name="apt[{{$value->day}}][22_23]"  class="form-control" value="{{!empty($value->slot_22_23) ? $value->slot_22_23 : 0}}" min="0"></td>
                        </tr>
                        
                        @endforeach
                       @endif
                    </tbody>
                  </table>
                </div>
                
            </div>

            <div class="col-md-6 form-group">
                <label for="short_order">Loyalty Reward Percentage (%)</label>

                <input  name="loyality" id="loyality" class="form-control" value=" {{!empty($plans->planInfo->loyality) ? $plans->planInfo->loyality : 0}}" min="0">
            </div>

            <div class="col-md-6 form-group">
                <label for="short_order">Membership Discounts</label>
                <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th class="text-center">Customer Class</th>
                        <th class="text-center">Cost Exemptions</th>                                               
                      </tr>
                    </thead>
                    <tbody >
                     <td>  <label for="Default">Default</label></td>
                     <td><input type='number' name="member_discount" id="member_discount" class="form-control" value="{{!empty($PlanDiscount->discount) ? $PlanDiscount->discount : 0}}" min="0"></td>
                    </tbody>
                  </table>
            </div>

            <div class="col-md-12"><h5>Milestones Details</h5><hr/></div> 
          
                
                <div class="col-md-4 form-group">
                    <label for="Shopping">Shopping Price</label>
                    <input type="text" class="form-control spriceAddDelete"   >
                </div>
                <div class="col-md-4 form-group">
                    <label for="Wallete">Wallet Amount</label>
                    <input type="text" class="form-control swalletAddDelete"   >
                </div>
                <div ><button type="button"  id="btnmilestoneAddDelete">Add Milestone</button></div>

                <div class="col-md-12">

            <table class="TableAddDelete">
                <thead>
                    <tr>                                  
                        <th >Shopping Price</th>
                        <th >Wallet Amount</th>
                         <th>Delete</th>                                                                       
                    </tr>                                  
                </thead>    
                <tbody>   
                 @php $count = 0;@endphp
                      @if(!empty($PlanMilestone) )
                       @foreach($PlanMilestone as $key => $value)

                        @php $count = $key +1 ; @endphp
                        <tr id="{{$count}}">
                              <td class="row-index text-center">               
                                    <input type="text" name="sprice[{{$count}}]"  id="vt{{$count}}" value="{{!empty($value->price) ? $value->price : 0}}" class="form-control" placeholder="Enter price" required />
                              </td>
                              <td class="row-index text-center">               
                                    <input type="text" name="swallet[{{$count}}]"  value="{{!empty($value->wallet) ? $value->wallet : 0}}" class="form-control" placeholder="Enter wallet" required />
                              </td>
                              
                             
                               <td class="text-center">
                                <button class="btn btn-danger remove btndeleterowadded " 
                                    type="button">Remove</button>
                                </td>
                        </tr>
                       @endforeach 
                      @endif                                 
                </tbody>
            </table>

            </div>
           
            <div class="col-md-12 text-center" style="margin:20px;">
                <button type="submit" class="btn btn-success" ><i class="fa fas fa-save"></i> Save Plan</button>
                <a href="{{ route('spsplans') }}" class="btn btn-danger">Cancel</a>
            </div>
        </div>
    </form>

    </div>
</div>
@endsection
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
@section('extraJs')
<script>
    $(document).ready(function() {
        
        $('#top_description').summernote({
        placeholder: 'Enter Header Description',
        tabsize: 2,
        height: 100
      });
        $('#bottom_description').summernote({
        placeholder: 'Enter Footer Description',
        tabsize: 2,
        height: 100
      });
        $('#plan_feat').summernote({
        placeholder: 'Enter Description',
        tabsize: 2,
        height: 100
      });

       $('#btnmilestoneAddDelete').click(function(){
        var spriceAddDelete = $('.spriceAddDelete').val();
        var swalletAddDelete = $('.swalletAddDelete').val();
        
        $('.TableAddDelete tbody').append("<tr><td><input name='sprice[]' id='sprice' class='form-control' value='"+spriceAddDelete+"' required></td><td><input name='swallet[]' id='wallet' class='form-control' value='"+swalletAddDelete+"' required></td><td><button type='button' class='btndeleterowadded btn'>x</button></td></tr>");
        
    });
    $(document).on('click', 'button.btndeleterowadded', function(){
        $(this).closest('tr').remove();
        return false;
    });

    });

    var rowIdx = ;
  
// jQuery button click event to add a row.
$('#addBtn').on('click', function () {    
  
    // Adding a row inside the tbody.
    $('#tbodyv').append(`<tr id="R${++rowIdx}">
          <td class="row-index text-center">               
                <input type="number" name="voucher[${rowIdx}][total]"  id="vt${rowIdx}" class="form-control" placeholder="Enter Total Vouchers" required />
          </td>
          <td class="row-index text-center">               
                <input type="number" name="voucher[${rowIdx}][amount]" id="va${rowIdx}" class="form-control" placeholder="Enter Voucher Amount" required />
          </td>
          <td class="row-index text-center">               
                <input type="number" name="voucher[${rowIdx}][order]" id="ot${rowIdx}" class="form-control" placeholder="Enter Order Total" required />
          </td>
          <td class="row-index text-center">               
                <input type="number" name="voucher[${rowIdx}][points]" id="points${rowIdx}" class="form-control" placeholder="Enter Points" required />
          </td>
           <td class="text-center">
            <button class="btn btn-danger remove" 
                type="button">Remove</button>
            </td>
           </tr>`);
});

$('#addFrq').on('click', function () {
    
    var sum = 0 ;    
    console.log(rowIdx);
    if(rowIdx != 1)
    {
        i = 2;
    }
    for( i  ; i <= rowIdx ; i++)
    { console.log($('#vt' + i).val());
        val =  parseInt($('#vt' + i).val());
        sum = sum + val;
    }    
     console.log(sum);
    // Adding a row inside the tbody.
    for(var r=1 ; r<= sum ; r++)
    {
          $('#tbodyw').append(`<tr id="R${r}">
          
          <td class="row-index text-center">               
                <input type="number" name="wallet[${r}][number]"  id="vn${r}" class="form-control" placeholder="Enter Voucher number" required />
          </td>
          <td class="row-index text-center">               
                <input type="number" name="wallet[${r}][amount]" id="va${r}" class="form-control" placeholder="Enter Voucher Amount" required />
          </td>
          <td class="row-index text-center">               
                <input type="number" name="wallet[${r}][max_redeem]" id="ot${r}" class="form-control" placeholder="Enter max redeem" required />
          </td>         
       
         </tr>`);
    }
    
});

$('#tbodyv').on('click', '.remove', function () {

        // Getting all the rows next to the row
        // containing the clicked button
        var child = $(this).closest('tr').nextAll();

        // Iterating across all the rows
        // obtained to change the index
        child.each(function () {

        // Getting <tr> id.
        var id = $(this).attr('id');

        // Getting the <p> inside the .row-index class.
        var idx = $(this).children('.row-index').children('p');

        // Gets the row number from <tr> id.
        var dig = parseInt(id.substring(1));

        // Modifying row index.
        idx.html(`Row ${dig - 1}`);

        // Modifying row id.
        $(this).attr('id', `R${dig - 1}`);
        });

        // Removing the current row.
        $(this).closest('tr').remove();

        // Decreasing total number of rows by 1.
        rowIdx--;
    });
</script>

@endsection