@extends('admin::layouts.master')
@section('pagetitle','Manage Supplier')

@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
        <div class="card">
            @if(isset($suppliers))
                <form class="form" action="/admin/editsupplierfrm" id="kt_add_supplier_form" method="post">
            @else
                <form class="form" action="/admin/supplierfrm" id="kt_add_supplier_form" method="post">
            @endif 
                @csrf
                <!-- Supplier Details Section -->
                <div class="w-100 p-10">
                    <!--begin::Heading-->
                    <div class="pb-5 pb-lg-10">
                        <h2 class="fw-bolder d-flex align-items-center text-dark">
                            Setup Basic Supplier Details
                            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Account Information About Supplier"></i>
                        </h2>
                    </div>
                    <input type="hidden" name="supplier_id" value="@if(isset($suppliers)){{$suppliers->id}}@endif">
                    <!-- Supplier Name and Mobile Numbers -->
                    <div class="fv-row">
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="name">Supplier Name</label>
                                <input type="text" class="form-control" name="name" id="name" placeholder="Supplier Name" value="@if(isset($suppliers)){{$suppliers->supplier_name}}@endif" required />
                            </div>
                            <div class="col-lg-3">
                                <label class="required fs-5 fw-bold mb-2" for="mobile_no1">Mobile Number 1</label>
                                <input type="number" class="form-control" name="mobile_no1" id="mobile_no1" placeholder="Mobile No 1" value="@if(isset($suppliers)){{$suppliers->mobile_no1}}@endif" required />
                            </div>
                            <div class="col-lg-3">
                                <label class="fs-5 fw-bold mb-2" for="mobile_no2">Mobile Number 2</label>
                                <input type="number" class="form-control" name="mobile_no2" id="mobile_no2" placeholder="Mobile No 2" value="@if(isset($suppliers)){{$suppliers->mobile_no2}}@endif" />
                            </div>
                        </div>
                    </div>

                    <!-- Category and Sub Category -->
                    <div class="fv-row">
                        <div class="row mb-7">
                            <div class="col-lg-12">
                                <div class="row mb-5">
                                    <div class="col-md-6">
                                        <label class="fs-5 fw-bold mb-2" for="category">Category</label>
                                        <select name="category" class="form-select">
                                            <option value="">Select Category</option>
                                            <option value="1" @if(isset($suppliers) && $suppliers->category == '1' ) selected @endif>Category 1</option>
                                            <option value="2" @if(isset($suppliers) && $suppliers->category == '2' ) selected @endif>Category 2</option>
                                            <option value="3" @if(isset($suppliers) && $suppliers->category == '3' ) selected @endif>Category 3</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="fs-5 fw-bold mb-2" for="sub_category">Sub Category</label>
                                        <select name="sub_category" class="form-select">
                                            <option value="">Select Sub Category</option>
                                            <option value="1" @if(isset($suppliers) && $suppliers->sub_category == '1' ) selected @endif>Sub Category 1</option>
                                            <option value="2" @if(isset($suppliers) && $suppliers->sub_category == '2' ) selected @endif>Sub Category 2</option>   
                                            <option value="3" @if(isset($suppliers) && $suppliers->sub_category == '3' ) selected @endif>Sub Category 3</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Contact Person -->
                    <div class="fv-row">
                        <div class="row mb-7">
                            <div class="col-lg-12">
                                <label class="fs-5 fw-bold mb-2">Contact Person</label>
                                <div class="row mb-5">
                                    <div class="col-2">
                                        <select name="salutation" class="form-select">
                                            <option>Mr</option>
                                            <option>Ms</option>
                                            <option>Mrs</option>
                                        </select>
                                    </div>
                                    <div class="col-md-5 fv-row">
                                        <input type="text" class="form-control" placeholder="First Name" name="first-name" value="@if(isset($suppliers)){{$suppliers->contact_fname}}@endif"/>
                                    </div>
                                    <div class="col-md-5 fv-row">
                                        <input type="text" class="form-control" placeholder="Last Name" name="last-name" value="@if(isset($suppliers)){{$suppliers->contact_lname}}@endif"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- GST and Email -->
                    <div class="fv-row">
                        <div class="row mb-7 align-items-center">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="gst_no">GST No</label>
                                <input type="text" class="form-control" name="gst_no" id="gst_no" placeholder="GST No" value="@if(isset($suppliers)){{$suppliers->gst_no}}@endif" required />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="supplier_email">Email ID</label>
                                <input type="email" class="form-control" name="supplier_email" id="supplier_email" placeholder="Email ID" value="@if(isset($suppliers)){{$suppliers->email}}@endif" required />
                            </div>
                        </div>
                    </div>

                    <!-- GST Reg Date and Website -->
                    <div class="fv-row">
                        <div class="row mb-7 align-items-center">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="gstreg_date">GST Reg Date</label>
                                <input type="text" class="form-control" name="gstreg_date" id="gstreg_date" placeholder="GST Reg Date" value="@if(isset($suppliers)){{$suppliers->gst_reg_date}}@endif" required />
                            </div>

                            <div class="col-lg-6">
                                <label class="fs-5 fw-bold mb-2" for="supplier_web">Website</label>
                                <input type="text" class="form-control" name="supplier_web" id="supplier_web" placeholder="" value="@if(isset($suppliers)){{$suppliers->website}}@endif" />
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Address Section -->
                <div class="w-100 p-10">
                    <div class="py-5"> <!-- Reduced padding here -->
                        <h2 class="fw-bolder text-dark">Supplier Address</h2>
                    </div>
                    <div class="fv-row">
                        <!-- Address Line 1 and 2 -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="address_line1">Address Line 1</label>
                                <input type="text" class="form-control" name="address_line1" id="address_line1" value="@if(isset($suppliers)){{$suppliers->address_line1}}@endif" placeholder="Address Line 1" />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="address_line2">Address Line 2</label>
                                <input type="text" class="form-control" name="address_line2" id="address_line2" value="@if(isset($suppliers)){{$suppliers->address_line2}}@endif" placeholder="Address Line 2" />
                            </div>
                        </div>

                        <!-- City and State -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="sup_city">City</label>
                                <input type="text" class="form-control" name="sup_city" id="sup_city" value="@if(isset($suppliers)){{$suppliers->city}}@endif" placeholder="Enter City" />
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="sup_state">State</label>
                                <select class="form-select" name="sup_state" id="sup_state">
                                    <option value="">Select State</option>
                                    @foreach($states as $state)
                                        <option value='{{ $state->state_id }}' @if(isset($suppliers) && $state->state_id == $suppliers->state) selected @endif>{{ $state->state }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <!-- Country and Pincode -->
                        <div class="row mb-7">
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="sup_country">Country</label>
                                <input type="text" class="form-control" name="sup_country" id="sup_country" value="India" readonly/>
                            </div>
                            <div class="col-lg-6">
                                <label class="required fs-5 fw-bold mb-2" for="sup_pin">Pincode</label>
                                <input type="text" class="form-control" name="sup_pin" id="sup_pin" value="@if(isset($suppliers)){{$suppliers->pincode}}@endif" placeholder="Enter Pincode" />
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Submit and Reset Buttons -->
                <div class="d-flex justify-content-center py-10">
                    @if(isset($suppliers) && !empty($suppliers))
                        <button type="submit" class="btn btn-primary me-5">Update</button>
                    @else
                        <button type="submit" class="btn btn-primary me-5">Submit</button>
                        <button type="reset" class="btn btn-secondary">Reset</button>
                    @endif
                    
                    
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{asset('js/admin/suppliers/addedit.js')}}"></script>
@endsection