@extends('layouts/contentLayoutMaster')

@section('title', 'Edit Customer')

@section('content')
    <!-- Basic multiple Column Form section start -->
    <section id="multiple-column-form">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Edit Customer</h4>
                    </div>
                    <div class="card-body">
                        @if ($errorMessage = Session::get('errorMessage'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $errorMessage }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        <form class="form" action="{{ route('customer.update', $customer->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="code-column">Customer Code <span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="code-column" class="form-control" placeholder="Code"
                                            name="code" disabled value="{{ old('code', $customer->code) }}"
                                            maxlength="7" />
                                        @error('code')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="name-column">Name <span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="name-column" class="form-control" placeholder="Name"
                                            name="name" value="{{ old('name', $customer->name) }}" />
                                        @error('name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                      <label class="form-label" for="business-column">Business Name <span class="text-danger">*</span></label>
                                      <input
                                        type="text"
                                        id="business-column"
                                        class="form-control"
                                        placeholder="Business Name"
                                        name="businessName"
                                        value="{{ old('businessName', $customer->businessName) }}"
                                      />
                                      @error('businessName')
                                        <span class="text-danger">{{$message}}</span>
                                      @enderror
                                    </div>
                                  </div>
                                  <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="contact"> Contact# <span
                                                class="text-danger">*</span></label>
                                        <input type="text" required class="form-control phone" name="contact"
                                            placeholder="+92-3XX-XXXXXXX"
                                            value="{{ old('contact', $customer->contact) }}" />
                                        @error('contact')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="cnic"> CNIC# </label>
                                        <input type="text" maxlength="15" id="cnic" class="form-control cnic"
                                            placeholder="XXXXX-XXXXXXX-X" name="cnic" 
                                            value="{{ old('cnic', $customer->cnic) }}" />
                                        @error('cnic')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="ntn"> NTN#</label>
                                        <input type="text" id="ntn" class="form-control" placeholder="NTN"
                                            name="ntn" value="{{ old('ntn', $customer->ntn) }}" />
                                        @error('ntn')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="gst">GST#</label>
                                        <input type="text" id="gst" class="form-control" placeholder="Gst"
                                            name="gst" value="{{ old('gst', $customer->gst) }}" />
                                        @error('gst')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                      <label class="form-label" for="sapCode">SAP Code <span class="text-danger">*</span></label>
                                      <input
                                        type="text"
                                        id="sapCode"
                                        class="form-control"
                                        placeholder="Sap Code"
                                        name="sapCode" required
                                        value="{{ old('sapCode', $customer->sapCode) }}"
                                      />
                                      @error('sapCode')
                                            <span class="text-danger">{{$message}}</span>
                                      @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="address-column">Address <span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="address-column" class="form-control"
                                            placeholder="Address" name="address"
                                            value="{{ old('address', $customer->address) }}" />
                                        @error('address')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <ul class="nav nav-tabs scroller" id="myTab" role="tablist">
                                       
                                        <li class="nav-item">
                                            <a class="nav-link" id="additional-info-tab" data-toggle="tab"
                                                href="#additional-info" role="tab" aria-controls="additional-info"
                                                aria-selected="false">Additional Info.</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content tab-data" style="padding: 5px;" id="myTabContent">
                                        
                                        <div class="tab-pane fade show active" id="additional-info" role="tabpanel"
                                            aria-labelledby="additional-info-tab">
                    
                                            <div class="col-lg-12 col-md-12 col-12">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-1 col-sm-1"
                                                        style="margin-top: 10px; text-align:center; font-weight: bold;">
                                                        <p>FF-1</p>
                                                    </div>
                                                     <div class="col-lg-6 col-md-6 col-sm-6">
                                                        <input name="ff_1" value="{{ old('ff_1', $customer->ff_1) }}"
                                                            type="text" class="form-control" placeholder="" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-12 mt-1">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-1 col-sm-1"
                                                        style="margin-top: 10px; text-align:center; font-weight: bold;">
                                                        <p>FF-2</p>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                                        <input type="text" name="ff_2"
                                                            value="{{ old('ff_2', $customer->ff_2) }}"
                                                            class="form-control" placeholder="" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-12 mt-1">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-1 col-sm-1"
                                                        style="margin-top: 10px; text-align:center; font-weight: bold;">
                                                        <p>FF-3</p>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                                        <input type="text" name="ff_3"
                                                            value="{{ old('ff_3', $customer->ff_3) }}"
                                                            class="form-control" placeholder="" />
                                                    </div>
                                                </div>
                                            </div>
                                        
                                        </div>
                                    </div>
                                </div>
                                @if($showSubmit)
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary me-1">Submit</button>
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('customer.index') }}">Cancel</a>
                                    </div>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Basic Floating Label Form section end -->
@endsection
@section('page-script')
    <!-- Page js files -->
        {{-- <script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script> --}}
        <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/jquery.inputmask.min.js"></script>

    <script>
        $('.cnic').inputmask({
            mask: '99999-9999999-9'
        });

        $('.phone').inputmask({
            mask: '+\\92-9999999999'
        });
    </script>
@endsection