@extends('layouts.app')



@section('content')


    <div class="row">
        <div class="col-md-12 text-right">
            <a download href="{{ asset('imports/xpressbeesSampleFormatForPinCodes.xlsx') }}"
               class="btn btn-primary">Download Zipcodes</a>

            <a href="{{ route('xpressbees.pickup.create') }}" class="btn btn-primary">Import Zipcodes</a>
        </div>
    </div>

    <div class="row " style="margin-top: 5px !important;">
        <div class="col-lg-12 ">
            <div class="panel panel-primary">
                <div class="panel-heading" style="padding: 10px 15px !important;">XPressBees Pickup PinCodes</div>
                <div class="panel-body">


                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Zipcode</th>
                            <th>FM Hub Name</th>
                            <th>Hub City</th>
                            <th>Hub State</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($zipcodes as $zipcode)
                            <tr>
                                <td>{{ $zipcode->pincode }}</td>
                                <td>{{ $zipcode->fm_hub_name }}</td>
                                <td>{{ $zipcode->hubcity }}</td>
                                <td>{{ $zipcode->hubstate }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">No Record(s) found!</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                    {{ $zipcodes->links() }}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('form').submit(function () {
                $(this).find("button[type='submit']").prop('disabled', true).text('Importing...');
            });
        });
    </script>
@endsection