@extends('layouts.basic')
@section('content')
<div class="container-fluid">
    <div class="page-title">
      <div class="row">
        <div class="col-6">
          <h3>Customer List</h3>
        </div>
        <div class="col-6">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
            <li class="breadcrumb-item">Customers</li>
            <li class="breadcrumb-item active">Customer Add</li>
          </ol>
        </div>
      </div>
    </div>
  </div>

<section class="content">
    <div class="container-fluid">
        <div class="row page-containers">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form method="POST" action="{{ route('customer.store') }}">                     
                            @csrf
                            @if (isset($customer->id))
                            <input name="_method" type="hidden" value="PUT">
                            @endif
                            <input name="customer_id" id="customer_id" type="hidden" value="{{ isset($customer->id) ? $customer->id : 0 }}">
                            <div class="modal-header">
                               <h5 class="modal-title" id="exampleModalLabel">{{ isset($customer->id) ? 'Update' : 'Add' }} Customer</h5>
                               <button type="button" class="btn close1" data-dismiss="modal" aria-label="Close">
                               <span aria-hidden="true">&times;</span>
                               </button>
                            </div>
                            <div class="modal-body" style="padding:20px 40px">
                               <div class="row">
                                  <div class="col-lg-12">
                                     <div class="row">
                                        <div class="col-lg-4">
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="customer_name" class="label1">Customer name<span class="redC">*</span></label>
                                                    <input type="text" name="customer_name" id="customer_name" 
                                                       value="{{ isset($customer->id) ? $customer->customer_name : '' }}" class="form-control"
                                                       placeholder="Enter customer name">
                                                       @if ($errors->has('customer_name'))
                                                         <span class="text-danger">{{ $errors->first('customer_name') }}</span>
                                                      @endif
                                                    <span id="customer_name-error" class="error-msg text-danger"></span>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="mobile_no" class="label1">Mobile number<span class="redC"> *</span></label>
                                                    <input type="tel" name="mobile_no" id="mobile_no" 
                                                       value="{{ isset($customer->id) ? $customer->mobile : '' }}" class="form-control"
                                                       placeholder="Enter mobile number"
                                                       oninput="this.value = 
                                                       !!this.value && Math.abs(this.value) >= 0 ? Math.abs(this.value) : null">
                                                    @if ($errors->has('mobile'))
                                                    <span class="text-danger">{{ $errors->first('mobile') }}</span>
                                                   @endif
                                                   <span id="mobile_no-error" class="error-msg"></span>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="email" class="label1">Email Address<span class="redC"> *</span></label>
                                                    <input type="email" name="email" id="email" 
                                                       value="{{ isset($customer->id) ? $customer->email : '' }}" class="form-control"
                                                       placeholder="Enter email address">
                                                       @if ($errors->has('email'))
                                                       <span class="text-danger">{{ $errors->first('email') }}</span>
                                                      @endif
                                                    <span id="email-error" class="error-msg"></span>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="contact_person" class="label1">Contact Person name<span class="redC"> *</span></label>
                                                    <input type="text" name="contact_person" id="contact_person" 
                                                       value="{{ isset($customer->id) ? $customer->contact_person : '' }}" class="form-control"
                                                       placeholder="Enter contact Person name">
                                                       @if ($errors->has('contact_person'))
                                                       <span class="text-danger">{{ $errors->first('contact_person') }}</span>
                                                      @endif
                                                    <span id="contact_person-error" class="error-msg"></span>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="contact_person_number" class="label1">Contact Person Number<span class="redC"> *</span></label>
                                                    <input type="text" name="contact_person_number" id="contact_person_number" 
                                                       value="{{ isset($customer->id) ? $customer->contact_person_number : '' }}"
                                                       class="form-control" placeholder="Enter Contact Person Number"
                                                       oninput="this.value = 
                                                       !!this.value && Math.abs(this.value) >= 0 ? Math.abs(this.value) : null">
                                                    @if ($errors->has('contact_person_number'))
                                                    <span class="text-danger">{{ $errors->first('contact_person_number') }}</span>
                                                   @endif
                                                   <span id="contact_person_number-error" class="error-msg"></span>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row">
                                              <div class="col-md-12">
                                                 <div class="form-group">
                                                    <label for="credit_limit" class="label1">Credit limit<span class="redC"> *</span></label>
                                                    <input type="number" name="credit_limit" id="credit_limit" 
                                                       value="{{ isset($customer->id) ? $customer->credit_limit : '' }}" class="form-control"
                                                       placeholder="Enter credit limit" min="0"
                                                       oninput="this.value = 
                                                       !!this.value && Math.abs(this.value) >= 0 ? Math.abs(this.value) : null">
                                                    <span id="credit_limit-error" class="error-msg"></span>
                                                    @if ($errors->has('credit_limit'))
                                                    <span class="text-danger">{{ $errors->first('credit_limit') }}</span>
                                                   @endif
                                                 </div>
                                              </div>
                                           </div>
                                        </div>
                                        <div class="col-lg-8">
                                           <div class="row">
                                              <div class="col-lg-12">
                                                 <div id="billing_addresses">
                                                    <div class="row">
                                                       <div class="col-md-6">
                                                          <label for="billing_address" class="label1">Billing Address<span
                                                             class="redC"> *</span></label>
                                                          <div class="row">
                                                             <div class="col-lg-2">
                                                                <input class="form-check-input" type="checkbox" name="address_default"   value="" style="height: 20px;width: 20px;
                                                                                                                                                                                             margin-top: 8px;
                                                                                                                                                                                             float: right;">
                                                             </div>
                                                             <div class="col-lg-10" style="padding-left: 0px;">
                                                                @if (isset($customer->id))
                                                                @foreach ($customer->billing_address as $billingAddress)
                                                                <textarea name="billing_address[]" class="form-control " rows="2" placeholder="Enter billing address">{{ $billingAddress }}</textarea>
                                                                <span id="billing_address-error" class="error-msg"></span>
                                                                  @if ($errors->has('billing_address'))
                                                                  <span class="text-danger">{{ $errors->first('billing_address') }}</span>
                                                                  @endif
                                                                @endforeach
                                                                @else
                                                                <textarea name="billing_address[]" class="form-control " rows="1" placeholder="Enter billing address" ></textarea>
                                                                @endif
                                                                @if ($errors->has('billing_address'))
                                                               <span class="text-danger">{{ $errors->first('billing_address') }}</span>
                                                                @endif
                                                                <span id="billing_address-error" class="error-msg"></span>
                                                             </div>
                                                          </div>
                                                       </div>
                                                  
                                                       <div class="col-md-5">
                                                          <label for="gst_number" class="label1">Gst number<span class="redC">
                                                          *</span></label>
                                                          @if (isset($customer->id))
                                                        
                                                          @foreach ($customer->gst_number as $gst_number)
                                                          {{-- @dump($gst_number) --}}
                                                          <input type="text" name="gst_number[]" id="gst_number"  class="form-control mb-2"
                                                             placeholder="Enter GST number " value="{{ $gst_number }}">
                                                             @foreach ($errors->get('gst_number.*') as $key => $errorsForField)
                                                            @foreach ($errorsForField as $error)
                                                               <span class="text-danger">{{ $error }}</span>
                                                            @endforeach
                                                         @endforeach
                                                             <span id="gst_number-error" class="error-msg"></span>
                                                          @endforeach
                                                          @else
                                                          <input type="text" name="gst_number[]" id="gst_number"  class="form-control mb-2  gstNumber"
                                                             placeholder="Enter GST number " >
                                                          @endif

                                                        @foreach ($errors->get('gst_number.*') as $key => $errorsForField)
                                                            @foreach ($errorsForField as $error)
                                                               <span class="text-danger">{{ $error }}</span>
                                                            @endforeach
                                                         @endforeach

                                                          <span id="gst_number-error" class="error-msg"></span>
                                                       </div>
                                                       <div class="col-md-1">
                                                          <br>
                                                          {{-- <br> --}}
                                                          <button type="button" id="add_billing_address_btn" class="btn btn-secondary  mt-3 add-billing"><i class="fa fa-plus"></i></button>
                                                       </div>
                                                    </div>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="row" id="dddd">
                                              <div class="col-lg-12">
                                                 <div class="row">
                                                    <div class="col">
                                                       <div id="delivery_addresses">       
                                                          <label for="delivery_address" class="label1"> Delivery Address<span
                                                             class="redC"> *</span></label>
                                                          @if (isset($customer->id))
                                                          @foreach ($customer->delivery_address as $deliveryAddress)
                                                          <textarea name="delivery_address[]" class="form-control mb-2" placeholder="Enter delivery address">{{ $deliveryAddress }}</textarea>
                                                          @if ($errors->has('delivery_address'))
                                                          <span class="text-danger">{{ $errors->first('delivery_address') }}</span>
                                                          @endif
                                                          <span id="delivery_address-error" class="error-msg"></span>
                                                          @endforeach
                                                          @else
                                                          <textarea name="delivery_address[]" class="form-control mb-2" placeholder="Enter delivery address" ></textarea>
                                                          @endif
                                                          <span id="delivery_address-error" class="error-msg"></span>
                                                          @if ($errors->has('delivery_address'))
                                                          <span class="text-danger">{{ $errors->first('delivery_address') }}</span>
                                                          @endif
                                                       </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                       <br>
                                                       <button type="button" id="add_delivery_address_btn" class="btn btn-secondary  mt-3 add-delivery"><i
                                                          class="fa fa-plus"></i></button>
                                                    </div>
                                                 </div>
                                              </div>
                                           </div>
                                           
                                        </div>
                                     </div>
                                   
                                  </div>
                               </div>
                               <div class="row">
                                        <div class="col-lg-12">
                                           <div class="modal-footer" style="padding-right:40px">
                                              <button type="button" class="btn filter-clear" id="close" data-dismiss="modal">Close</button>
                                              <button type="submit" id="updateButton"
                                                 class="btn btn-primary" style="font-weight:500">{{ isset($customer->id) ? 'Update' : 'Save changes' }}</button>
                                              <div id="updateLoader" style="display: none" class="spinner-border" role="status"></div>
                                           </div>
                                        </div>
                                     </div>
                         </form>      
                           
                       
                    
                    
                    
                        </div>
                </div>          
            </div>
        </div>
    </div>
</section>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
       // Add Billing Address button click event
 $('#add_billing_address_btn').on('click', function() {
           var billingAddressInput =
   
   
   `<div class="address-input" style="display:block">
   <div class="row">
       <div class="col-md-6">
           <div class="row">
           <div class="col-lg-2">
               <input class="form-check-input" type="checkbox" value="" style="    height: 20px;
    width: 20px;
    margin-top: 8px;
    float: right;">
           </div>
          <div class="col-lg-10" style="padding-left:0px">
               <textarea name="billing_address[]" class="form-control "   rows="1" placeholder="Enter billing address"></textarea>
               <span id="billing_address-error" class="error-msg"></span>
               </div>            
           </div>
       </div>
       <div class="col-md-5">
           <input type="text" name="gst_number[]" id="gst_number"  class="form-control" placeholder="Enter GST number">
           <span id="gst_number-error" class="error-msg"></span>
            @foreach ($errors->get('gst_number.*') as $key => $errorsForField)
            @foreach ($errorsForField as $error)
            <span class="text-danger">{{ $error }}</span>
            @endforeach
            @endforeach
       </div>
       <div class="col-md-1">
           <button type="button" class="remove-address-btn btn" style="background:#3f3f3f;color:#fff"><i class="fa fa-trash"></i></button>
       </div>
   </div>
   </div>
   `;
           $('#billing_addresses').append(billingAddressInput);
       });
   
       // Add Delivery Address button click event
       $('#add_delivery_address_btn').on('click', function() {
           var deliveryAddressInput =
         ` <div class="col-lg-12">
            <div class="row">
               <div class="col">
                  <div id="delivery_addresses">       
                     <label for="delivery_address" class="label1"> Delivery Address<span
                        class="redC"> *</span></label>
                     @if (isset($customer->id))
                     @foreach ($customer->delivery_address as $deliveryAddress)
                     <textarea name="delivery_address[]" class="form-control mb-2" placeholder="Enter delivery address">{{ $deliveryAddress }}</textarea>
                     <span id="delivery_address-error" class="error-msg"></span>
                     @endforeach
                     @else
                     <textarea name="delivery_address[]" class="form-control mb-2" placeholder="Enter delivery address" ></textarea>
                     @endif
                     <span id="delivery_address-error" class="error-msg"></span>
                  </div>
               </div>
               <div class="col-md-1">
                  <br>
                  <br>
                  <button type="button" class="delete-address-btn btn" style="background:#3f3f3f;color:#fff">
                  <i class="fa fa-trash"></i>
            </button>
               </div>
            </div>
         </div>
         `;
      
           $('#dddd').append(deliveryAddressInput);
       });
   
      
   
   // Remove Address button click event
   $(document).on('click', '.remove-address-btn', function() {
       $(this).closest('.address-input').remove();
   });


   $(document).on('click', '.delete-address-btn', function() {
    $(this).closest('.col-lg-12').remove();
});
   });   
    </script>
@endsection