@extends('m3::liberty-theme.layout.main')
@section('title')
    Distribution whs addresses
@endsection
@section('content')
    <div class="container-fluid mt-6 pt-6 px-4">
        <h3 class="mt-4">Distribution whs addresses</h3>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        {{-- <h4 class="float-left">Ship-to Addresses</h4> --}}
                        <a href="{{ route('m3.ship-to.create') }}" class="btn btn-primary float-right">Add New</a>
                    </div>
                    <div class="card-body">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        <div class="container-fluid table-responsive">

                            <table class="table table-bordered data-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Customer Number</th>
                                        <th>Company Name</th>
                                        <th>Address</th>
                                        <th>City</th>
                                        <th>State</th>
                                        <th>Zip</th>
                                        <th>Country</th>
                                        <th>Warehouse</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

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

@section('scripts')
    <script type="text/javascript">
        $(function() {
            var table = $('.data-table').DataTable({
                processing: true,
                responsive: true,
                serverSide: true,
                ajax: "{{ route('m3.ship-to.index') }}",
                columns: [{
                        data: 'checkbox',
                        name: 'checkbox',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'AUSTCN',
                        name: 'AUSTCN'
                    },
                    {
                        data: 'AUSHSHNM',
                        name: 'AUSHSHNM'
                    },
                    {
                        data: 'AUSHSHA1',
                        name: 'AUSHSHA1'
                    },
                    {
                        data: 'AUSHSHCI',
                        name: 'AUSHSHCI'
                    },
                    {
                        data: 'AUSHSHST',
                        name: 'AUSHSHST'
                    },
                    {
                        data: 'AUSHSHZP',
                        name: 'AUSHSHZP'
                    },
                    {
                        data: 'AUSHSHCT',
                        name: 'AUSHSHCT'
                    },
                    {
                        data: 'AUSHWHS',
                        name: 'AUSHWHS'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        });
    </script>
@endsection