@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.delivery.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 Delivery PinCodes</div>
                <div class="panel-body">


                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Zipcode</th>
                            <th>Area Code</th>
                            <th>Hub City</th>
                            <th>Hub State</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($zipcodes as $zipcode)
                            <tr>
                                <td>{{ $zipcode->pincode }}</td>
                                <td>{{ $zipcode->areacode }}</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