@extends('layouts.front.app')

@section('content')
    <!-- Main content -->
    <section class="container content">
        <div class="container dark-grey-text mt-5">
            <!-- Heading -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb blue-grey lighten-4">
                    <li><a href="{{ route('home') }}"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2"
                        aria-hidden="true"></i></li>
                    <li> <a href="{{ route('accounts', ['tab' => 'profile']) }}"><i class="fas fa-user-check"></i> Minha Conta</a><i class="fas fa-angle-double-right mx-2"
                        aria-hidden="true"></i></li>
                    <li class="active"> <i class="fa fa-map-marked-alt"></i> Lista de endereços</li>
                </ol>
            </nav>
            @include('layouts.errors-and-messages')
            <div class="row">
                <!-- Default box -->
                @if(!$addresses->isEmpty())
                    <div class="table-responsive">
                        <table id="tableEndereco" class="table table-striped dataTables w-100">
                            <thead>
                                <th>Identificação</th>
                                <th>Endereço</th>
                                <th>Bairro</th>
                                <th>Cidade</th>
                                @if(isset($address->province))
                                    <th>Província</th>
                                @endif
                                <th>UF</th>
                                <th>País</th>
                                <th>CEP</th>
                                <th>Telefone</th>
                                <th>Ação</th>
                            </thead>
                            <tbody>
                                @foreach($addresses as $address)
                                    <tr>
                                        <td>{{ $address->alias}}</td>
                                        <td>{{$address->address_1}}</td>
                                        <td>{{$address->address_2}}</td>
                                        <td>{{ $address->cidade->nome_municipio }}</td>
                                        @if(isset($address->province))
                                        <td>{{$address->province->name}}</td>
                                        @endif
                                        <td>{{ $address->state_code}}</td>
                                        <td>{{$address->country->name}}</td>
                                        <td>{{$address->zip}}</td>
                                        <td>{{$address->phone}}</td>
                                        <td>
                                            <form method="post" action="{{ route('customer.address.destroy', [auth()->user()->id, $address->id]) }}" class="form-horizontal">
                                                <div class="">
                                                    <input type="hidden" name="_method" value="delete">
                                                    {{ csrf_field() }}
                                                    <a href="{{ route('customer.address.edit', [auth()->user()->id, $address->id]) }}" class="btn btn-info btn-rounded btn-sm" title="Editar Endereço [{{ $address->alias }}]" > <i class="fas fa-edit"></i></a>
                                                    <button onclick="return confirm('Tem certeza??')" type="submit" class="btn btn-danger btn-rounded btn-sm" title="Deletar Endereço [{{ $address->alias }}]"> <i class="fa fa-trash"></i></button>
                                                </div>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <br /> <p class="alert alert-warning">Nenhum endereço criado ainda.</p>
                @endif
            </div>
        </div>
    </section>
    <!-- /.content -->
@endsection