@extends('layouts.admin')

@section('page-title', 'Contact Info')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Contact Info</h2>
        <a href="{{ route('address.create') }}" class="main-butn mb-3">Add New</a>
    </div>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Sr No.</th>
                <th>Type</th>
                <th>Icon</th>
                <th>Flag</th>
                <th>Country</th>
                <th>Name</th>
                <th>Address</th>
                <th>Phone</th>
                <th>Fax</th>
                <th>Email</th>
                <th>Map Link</th>
                <th>Line 1</th>
                <th>Line 2</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($address as $a)
                <tr>
                    <td>{{ $a->id }}</td>
                    <td>{{ $a->type }}</td>
                    <td>    
                         @if(isset($a) && $a->icon)
                            <img src="{{ asset('uploads/addresses/icon/'.$a->icon) }}" alt="icon" width="50" class="mt-2">
                        @endif
                    </td>
                    <td>    
                         @if(isset($a) && $a->flag)
                            <img src="{{ asset('uploads/addresses/flag/'.$a->flag) }}" alt="flag" width="50" class="mt-2">
                        @endif
                    </td>
                    <td>{{ $a->country }}</td>
                    <td>{{ $a->name }}</td>
                    <td>{{ $a->address }}</td>
                    <td>{{ $a->phone }}</td>
                    <td>{{ $a->fax }}</td>
                    <td>{{ $a->email }}</td>
                    <td>
                        @if($a->map_link)
                            <a href="{{ $a->map_link }}" target="_blank">View</a>
                        @endif
                    </td>
                    <td>{{ $a->info_primary }}</td>
                    <td>{{ $a->info_secondary }}</td>
                    <td>
                        <a href="{{ route('address.edit', $a->id) }}" class="p-btn">Edit</a>
                        <form action="{{ route('address.destroy', $a->id) }}" method="POST" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button class="p-btn" onclick="return confirm('Are you sure?')">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection