@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
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Add Customer</h5>
                        </div>
                        <div class="modal-body" style="padding: 20px 40px">
                            <div class="row">
                                <div class="col-lg-4">
                                    <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" class="form-control"
                                            placeholder="Enter customer name" value="{{ old('customer_name') }}">
                                        @error('customer_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <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" class="form-control"
                                            placeholder="Enter mobile number" value="{{ old('mobile_no') }}">
                                        @error('mobile_no')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="email" class="label1">Email Address<span class="redC"> *</span></label>
                                        <input type="email" name="email" id="email" class="form-control" placeholder="Enter email address"
                                            value="{{ old('email') }}">
                                        @error('email')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <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" class="form-control"
                                            placeholder="Enter contact Person name" value="{{ old('contact_person') }}">
                                        @error('contact_person')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <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" class="form-control"
                                            placeholder="Enter Contact Person Number" value="{{ old('contact_person_number') }}">
                                        @error('contact_person_number')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <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" class="form-control"
                                            placeholder="Enter credit limit" min="0" value="{{ old('credit_limit') }}">
                                        @error('credit_limit')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <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;">
                                                        <textarea name="billing_address[]" class="form-control " rows="1"
                                                            placeholder="Enter billing address">{{ old('billing_address')[0] ?? '' }}</textarea>
                                                        @error('billing_address.*')
                                                            @foreach ($errors->get('billing_address.*') as $key => $errorsForField)
                                                                @foreach ($errorsForField as $error)
                                                                    <span class="text-danger">{{ $error }}</span>
                                                                @endforeach
                                                            @endforeach
                                                        @enderror
                                                        <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>
                                                <input type="text" name="gst_number[]" id="gst_number" class="form-control mb-2 gstNumber"
                                                    placeholder="Enter GST number" value="{{ old('gst_number')[0] ?? '' }}">
                                                @error('gst_number.*')
                                                    @foreach ($errors->get('gst_number.*') as $key => $errorsForField)
                                                        @foreach ($errorsForField as $error)
                                                            <span class="text-danger">{{ $error }}</span>
                                                        @endforeach
                                                    @endforeach
                                                @enderror
                                                <span id="gst_number-error" class="error-msg"></span>
                                            </div>
                                            <div class="col-md-1">
                                                <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 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>
                                                        <textarea name="delivery_address[]" class="form-control mb-2"
                                                            placeholder="Enter delivery address">{{ old('delivery_address')[0] ?? '' }}</textarea>
                                                        @error('delivery_address.*')
                                                            @foreach ($errors->get('delivery_address.*') as $key => $errorsForField)
                                                                @foreach ($errorsForField as $error)
                                                                    <span class="text-danger">{{ $error }}</span>
                                                                @endforeach
                                                            @endforeach
                                                        @enderror
                                                        <span id="delivery_address-error" class="error-msg"></span>
                                                    </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 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">Save changes</button>
                                        <div id="updateLoader" style="display: none" class="spinner-border" role="status"></div>
                                    </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