@extends('m3::liberty-theme.layout.main')
@section('title')
    Add: Distribution whs addresses
@endsection
@section('content')
    <!-- /.row -->
    <div class="container-fluid px-4">
        <h3 class="mt-2">Add: Distribution whs addresses</h3>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    {{-- <div class="card-header">
                        <h4>Add Ship-to Address</h4>
                    </div> --}}
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form method="POST" action="{{ route('m3.ship-to.store') }}">
                            @csrf
                            <div class="form-group">
                                <label for="sonar-input-a5f61985b0">Customer Number</label>
                                <input type="text" class="form-control" name="AUSTCN" value="{{ old('AUSTCN') }}"
                                    maxlength="11" id="sonar-input-a5f61985b0">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-20156147e6">Company Name &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHNM" value="{{ old('AUSHSHNM') }}"
                                    required maxlength="36" id="sonar-input-20156147e6">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-709c1e07ef">Address 1 &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHA1" value="{{ old('AUSHSHA1') }}"
                                    required maxlength="36" id="sonar-input-709c1e07ef">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-e3787f959d">Address 2 &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHA2" value="{{ old('AUSHSHA2') }}"
                                    required maxlength="36" id="sonar-input-e3787f959d">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-5bbfb65f3b">Address 3</label>
                                <input type="text" class="form-control" name="AUSHSHA3" value="{{ old('AUSHSHA3') }}"
                                    maxlength="36" id="sonar-input-5bbfb65f3b">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-e7a28e585b">Address 4</label>
                                <input type="text" class="form-control" name="AUSHSHA4" value="{{ old('AUSHSHA4') }}"
                                    maxlength="36" id="sonar-input-e7a28e585b">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-0620339934">City &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHCI" value="{{ old('AUSHSHCI') }}"
                                    required maxlength="20" id="sonar-input-0620339934">
                            </div>
                            <div class="form-group">
                                <label for="sonar-select-a5f61985b0">State &bull;</label>
                                <select class="form-select" name="AUSHSHST" required id="sonar-select-a5f61985b0">
                                    <option value="">Select a state</option>
                                    @foreach ($states as $code => $name)
                                        <option value="{{ $code }}"
                                            {{ old('AUSHSHST') == $code ? 'selected' : '' }}>
                                            {{ $name }} ({{ $code }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="sonar-input-2ed60d69e4">Zip Code &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHZP" value="{{ old('AUSHSHZP') }}"
                                    required maxlength="10" id="sonar-input-2ed60d69e4">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-d95b035dcf">Country Code &bull;</label>
                                <input type="text" class="form-control" name="AUSHSHCT" value="{{ old('AUSHSHCT') }}"
                                    required maxlength="3" id="sonar-input-d95b035dcf">
                            </div>
                            <div class="form-group">
                                <label for="sonar-input-3912060202">Warehouse &bull;</label>
                                <input type="text" class="form-control" name="AUSHWHS" value="{{ old('AUSHWHS') }}"
                                    required maxlength="3" id="sonar-input-3912060202">
                            </div>
                            <div class="form-group mt-3 mb-2">
                                <button type="submit" class="btn btn-primary">Submit</button>
                                <a href="{{ route('m3.ship-to.index') }}" class="btn btn-secondary">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection