@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>
            Add New 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.save') }}" >
        @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="name" id="name" class="form-control" required value="{{old('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="{{old('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 }}" {{ old('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="{{old('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(request("warehouse_id")) && in_array($warehouse->id, request("warehouse_id")) ? "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(request("warehouse_id")) && in_array($warehouse->id, request("warehouse_id")) ? "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="{{old('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 }}" {{ old('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="{{ old('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="{{old('bday')}}">
            </div>

            <div class="col-md-4 form-group">
                <label for="bdaygift">Birthday Gift  </label>
                <input name="bdaygift" id="bdaygift" class="form-control" value="{{old('bdaygift')}}">
            </div>

            <div class="col-md-4 form-group">
                <label for="ann">Annversary Discount (%) </label>
                <input name="ann" id="ann" class="form-control" value="{{old('ann')}}">
            </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="{{old('birth_gift')}}">
            </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="{{old('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>
                    {{old('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>
                    {{old('meta_tag_description')}}
                </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> {{old('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>
                    {{old('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">
              
                    </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">
              
                    </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>
                        <tr><td>Sunday </td>
                            <td><input type='number' name="apt[Sunday][10_11]" id="sun10_11" class="form-control" value="{{old('sun10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][11_12]" id="sun11_12" class="form-control" value="{{old('sun11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][12_13]" id="sun12_13" class="form-control" value="{{old('sun12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][13_14]" id="sun13_14" class="form-control" value="{{old('sun13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][14_15]" id="sun14_15" class="form-control" value="{{old('sun14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][15_16]" id="sun15_16" class="form-control" value="{{old('sun15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][16_17]" id="sun16_17" class="form-control" value="{{old('sun16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][17_18]" id="sun17_18" class="form-control" value="{{old('sun17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][18_19]" id="sun18_19" class="form-control" value="{{old('sun18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][19_20]" id="sun19_20" class="form-control" value="{{old('sun19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][20_21]" id="sun20_21" class="form-control" value="{{old('sun20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][21_22]" id="sun21_22" class="form-control" value="{{old('sun21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Sunday][22_23]" id="sun22_23" class="form-control" value="{{old('sun22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Monday </td>
                            <td><input type='number' name="apt[Monday][10_11]" id="mon10_11" class="form-control" value="{{old('mon10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][11_12]" id="mon11_12" class="form-control" value="{{old('mon11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][12_13]" id="mon12_13" class="form-control" value="{{old('mon12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][13_14]" id="mon13_14" class="form-control" value="{{old('mon13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][14_15]" id="mon14_15" class="form-control" value="{{old('mon14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][15_16]" id="mon15_16" class="form-control" value="{{old('mon15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][16_17]" id="mon16_17" class="form-control" value="{{old('mon16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][17_18]" id="mon17_18" class="form-control" value="{{old('mon17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][18_19]" id="mon18_19" class="form-control" value="{{old('mon18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][19_20]" id="mon19_20" class="form-control" value="{{old('mon19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][20_21]" id="mon20_21" class="form-control" value="{{old('mon20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][21_22]" id="mon21_22" class="form-control" value="{{old('mon21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Monday][22_23]" id="mon22_23" class="form-control" value="{{old('mon22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Thusday </td>
                            <td><input type='number' name="apt[Thusday][10_11]" id="thu10_11" class="form-control" value="{{old('thu10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][11_12]" id="thu11_12" class="form-control" value="{{old('thu11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][12_13]" id="thu12_13" class="form-control" value="{{old('thu12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][13_14]" id="thu13_14" class="form-control" value="{{old('thu13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][14_15]" id="thu14_15" class="form-control" value="{{old('thu14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][15_16]" id="thu15_16" class="form-control" value="{{old('thu15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][16_17]" id="thu16_17" class="form-control" value="{{old('thu16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][17_18]" id="thu17_18" class="form-control" value="{{old('thu17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][18_19]" id="thu18_19" class="form-control" value="{{old('thu18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][19_20]" id="thu19_20" class="form-control" value="{{old('thu19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][20_21]" id="thu20_21" class="form-control" value="{{old('thu20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][21_22]" id="thu21_22" class="form-control" value="{{old('thu21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Thusday][22_23]" id="thu22_23" class="form-control" value="{{old('thu22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Wednesday </td>
                            <td><input type='number' name="apt[Wednesday][10_11]" id="wed10_11" class="form-control" value="{{old('wed10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][11_12]" id="wed11_12" class="form-control" value="{{old('wed11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][12_13]" id="wed12_13" class="form-control" value="{{old('wed12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][13_14]" id="wed13_14" class="form-control" value="{{old('wed13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][14_15]" id="wed14_15" class="form-control" value="{{old('wed14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][15_16]" id="wed15_16" class="form-control" value="{{old('wed15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][16_17]" id="wed16_17" class="form-control" value="{{old('wed16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][17_18]" id="wed17_18" class="form-control" value="{{old('wed17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][18_19]" id="wed18_19" class="form-control" value="{{old('wed18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][19_20]" id="wed19_20" class="form-control" value="{{old('wed19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][20_21]" id="wed20_21" class="form-control" value="{{old('wed20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][21_22]" id="wed21_22" class="form-control" value="{{old('wed21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Wednesday][22_23]" id="wed22_23" class="form-control" value="{{old('wed22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Thursday </td>
                            <td><input type='number' name="apt[Thursday][10_11]" id="thur10_11" class="form-control" value="{{old('thur10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][11_12]" id="thur11_12" class="form-control" value="{{old('thur11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][12_13]" id="thur12_13" class="form-control" value="{{old('thur12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][13_14]" id="thur13_14" class="form-control" value="{{old('thur13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][14_15]" id="thur14_15" class="form-control" value="{{old('thur14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][15_16]" id="a15_16" class="form-control" value="{{old('thur15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][16_17]" id="thur16_17" class="form-control" value="{{old('thur16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][17_18]" id="thur17_18" class="form-control" value="{{old('thur17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][18_19]" id="thur18_19" class="form-control" value="{{old('thur18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][19_20]" id="thur19_20" class="form-control" value="{{old('thur19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][20_21]" id="thur20_21" class="form-control" value="{{old('thur20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][21_22]" id="thur21_22" class="form-control" value="{{old('thur21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Thursday][22_23]" id="thur22_23" class="form-control" value="{{old('thur22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Friday </td>
                            <td><input type='number' name="apt[Friday][10_11]" id="fri10_11" class="form-control" value="{{old('fri10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][11_12]" id="fri11_12" class="form-control" value="{{old('fri11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][12_13]" id="fri12_13" class="form-control" value="{{old('fri12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][13_14]" id="fri13_14" class="form-control" value="{{old('fri13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][14_15]" id="fri14_15" class="form-control" value="{{old('fri14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][15_16]" id="fri15_16" class="form-control" value="{{old('fri15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][16_17]" id="fri16_17" class="form-control" value="{{old('fri16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][17_18]" id="fri17_18" class="form-control" value="{{old('fri17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][18_19]" id="fri18_19" class="form-control" value="{{old('fri18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][19_20]" id="fri19_20" class="form-control" value="{{old('fri19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][20_21]" id="fri20_21" class="form-control" value="{{old('fri20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][21_22]" id="fri21_22" class="form-control" value="{{old('fri21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Friday][22_23]" id="fri22_23" class="form-control" value="{{old('fri22_23')}}" min="0"></td>
                        </tr>
                        <tr><td>Saturday </td>
                            <td><input type='number' name="apt[Saturday][10_11]" id="satur10_11" class="form-control" value="{{old('satur10_11')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][11_12]" id="satur11_12" class="form-control" value="{{old('satur11_12')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][12_13]" id="satur12_13" class="form-control" value="{{old('satur12_13')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][13_14]" id="satur13_14" class="form-control" value="{{old('satur13_14')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][14_15]" id="satur14_15" class="form-control" value="{{old('satur14_15')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][15_16]" id="satur15_16" class="form-control" value="{{old('satur15_16')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][16_17]" id="satur16_17" class="form-control" value="{{old('satur16_17')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][17_18]" id="satur17_18" class="form-control" value="{{old('satur17_18')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][18_19]" id="satur18_19" class="form-control" value="{{old('satur18_19')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][19_20]" id="satur19_20" class="form-control" value="{{old('satur19_20')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][20_21]" id="satur20_21" class="form-control" value="{{old('satur20_21')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][21_22]" id="satur21_22" class="form-control" value="{{old('satur21_22')}}" min="0"></td>
                            <td><input type='number' name="apt[Saturday][22_23]" id="satur22_23" class="form-control" value="{{old('satur22_23')}}" min="0"></td>
                        </tr>
              
                    </tbody>
                  </table>
                </div>
                
            </div>

            <div class="col-md-6 form-group">
                <label for="short_order">Loyalty Reward Percentage (%)</label>
                <input type='number' name="loyality" id="loyality" class="form-control" value="{{old('loyality')}}" 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="{{old('member_discount')}}" 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" required  >
                </div>
                <div class="col-md-4 form-group">
                    <label for="Wallete">Wallet Amount</label>
                    <input type="text" class="form-control swalletAddDelete" required  >
                </div>
                <div ><button  type="button" class=" btnrowAddDelete">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>   
                                                 
                </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
      });

       $('.btnrowAddDelete').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+"' ></td><td><input name='swallet[]' id='wallet' class='form-control' value='"+swalletAddDelete+"' ></td><td><button type='button' class='btndeleterowadded btn'>x</button></td></tr>");
        addmorecount++;
    });
    $(document).on('click', 'button.btndeleterowadded', function(){
        $(this).closest('tr').remove();
        return false;
    });
    });

    var rowIdx = 0;
  
// jQuery button click event to add a row.
$('#addBtn').on('click', function () {

    $('#tbodyw').empty();
  
    // 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 () {
     $('#tbodyw').empty();
    var sum = 0 ;    
    for(var i =1 ; 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