@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <div>
                <h2 class="content-header-title float-start mb-0">
                    Update Shipping Address
                </h2>
                <div class="breadcrumb-wrapper">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('customers.index') }}">Customers</a></li>
                        {{-- <li class="breadcrumb-item"><a href="{{ route('customers.show', $customer) }}">{{ $customer->name }}</a></li> --}}
                        <li class="breadcrumb-item"><a href="{{ route('customer.shipping') }}">Shipping Address</a></li>
                        <li class="breadcrumb-item active">Edit</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('shipping.update', $shipping->id) }}"
                        method="POST" class="row g-3">
                        @csrf
                        @method('PUT')

                        {{-- Customer --}}
                        <div class="col-md-4">
                            <div class="form-floating">
                                <select name="customer_id" class="form-select" required>
                                    @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}"
                                            {{ $shipping->customer_id == $customer->id ? 'selected' : '' }}>
                                            {{ $customer->display_name }}
                                        </option>
                                    @endforeach
                                </select>
                                <label>Select Customer</label>
                            </div>
                        </div>

                                {{-- Shipping Address --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="customer_ship_addr"
                                               class="form-control"
                                               value="{{ $shipping->customer_ship_addr }}" required>
                                        <label>Shipping Address</label>
                                    </div>
                                </div>

                                {{-- Address Line 2 --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="address_line2"
                                               class="form-control"
                                               value="{{ old('address_line2', $shipping->address_line2) }}">
                                        <label>Address Line 2</label>
                                    </div>
                                </div>

                                {{-- Landmark --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="landmark"
                                               class="form-control"
                                               value="{{ old('landmark', $shipping->landmark) }}">
                                        <label>Landmark</label>
                                    </div>
                                </div>

                        {{-- Shipping Country --}}
                        <div class="col-md-4">
                            <div class="form-floating">
                                <select name="customer_ship_coun" class="form-select" required>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->name }}"
                                            {{ $shipping->customer_ship_coun == $country->name ? 'selected' : '' }}>
                                            {{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <label>Shipping Country</label>
                            </div>
                        </div>

                        {{-- Shipping State --}}
                        <div class="col-md-4">
                            <div class="form-floating">
                                <select name="customer_ship_state" class="form-select" required>
                                    @foreach($states as $state)
                                        <option value="{{ $state->name }}"
                                            {{ $shipping->customer_ship_state == $state->name ? 'selected' : '' }}>
                                            {{ $state->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <label>Shipping State</label>
                            </div>
                        </div>

                        {{-- Shipping City --}}
                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name="customer_ship_city"
                                    class="form-control"
                                    value="{{ $shipping->customer_ship_city }}" required>
                                <label>Shipping City</label>
                            </div>
                        </div>

                                {{-- Shipping Pincode --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="customer_ship_pincode"
                                               class="form-control"
                                               value="{{ $shipping->customer_ship_pincode }}" required>
                                        <label>Shipping Pincode</label>
                                    </div>
                                </div>

                                {{-- Contact Name --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="contact_name"
                                               class="form-control"
                                               value="{{ old('contact_name', $shipping->contact_name) }}">
                                        <label>Contact Name</label>
                                    </div>
                                </div>

                                {{-- Contact Phone --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="text" name="contact_phone"
                                               class="form-control"
                                               value="{{ old('contact_phone', $shipping->contact_phone) }}">
                                        <label>Contact Phone</label>
                                    </div>
                                </div>

                                {{-- Contact Email --}}
                                <div class="col-md-4">
                                    <div class="form-floating">
                                        <input type="email" name="contact_email"
                                               class="form-control"
                                               value="{{ old('contact_email', $shipping->contact_email) }}">
                                        <label>Contact Email</label>
                                    </div>
                                </div>

                                <div class="col-md-4 d-flex align-items-end">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox"
                                               id="shipping-default"
                                               name="is_default"
                                               value="1"
                                               @checked(old('is_default', $shipping->is_default))>
                                        <label class="form-check-label" for="shipping-default">Default Address</label>
                                    </div>
                                </div>

                                {{-- Buttons --}}
                        <div class="col-12">
                            <button type="submit" class="btn btn-primary">
                                Update Shipping
                            </button>
                            <a href="{{ route('customer.shipping') }}" class="btn btn-secondary">
                                Cancel
                            </a>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection