@extends('web.layout.master')

@section('content')

<div class="container" >

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ route('my-account') }}" aria-label="Account overview">Account overview</a></li>
          <li class="breadcrumb-item active" aria-current="page">Shipping Information</li>
        </ol>
      </nav>
    <div class="row">
        <div class="col-sm-12" >
            <div class="mb-2 text-black font-weight-bold">
                <label class="fs-1">Shipping Information</label>
            </div>
        </div>
    </div>
    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
        @endif
    @endforeach
    <div class="row">
        <div class="col-md-3">
            <a href="{{ route('addresses-add') }}" class="btn btn-outline-primary w-2" aria-label="+ ADD NEW ADDRESS">+ ADD NEW ADDRESS</a>
        </div>

    </div>

    <div class="row mt-2" style="min-height: 300px">


        @forelse ($address as $a)
            <div class="col-md-3">
                <div class="card mt-2 border border-dark border-3">

                    <div class="card-body">
                        <div style="min-height: 135px">
                            <p>{{ $a->name }}<br> {{ $a->street_name }}<br> @if(!empty($a->street_app_unit)) {{ $a->street_app_unit }}<br> @endif {{ $a->city }}, {{ $a->state }} {{ $a->zip }}<br> {{ $a->country }}</p>
                        </div>
                        <div class="row">
                            <div class="col-md-2 text-start">
                                @if($a->is_verify == 1)
                                    <span class="badge bg-success">verified</span>
                                @endif
                            </div>
                            <div class="col-md-10 text-end">
                                <a href="{{ route('addresses-edit',\Crypt::encryptString($a->id)) }}" class="btn btn-sm btn-primary" aria-label="EDIT"><i class="fa fa-edit"></i> EDIT</a>
                                <a onclick="deleteUser(event)" data-href="{{ route('addresses-delete',\Crypt::encryptString($a->id)) }}" class="btn btn-sm btn-danger" aria-label="DELETE"><i class="fa fa-trash"></i> DELETE</a>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        @empty
            <p>No address available</p>
        @endforelse


    </div>

</div>

<script>

    function deleteUser(e) {
        var url = e.currentTarget.getAttribute('data-href')
        Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        })
    }

</script>
@endsection