@extends('layouts.app')

@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('contact.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($contacts as $contact)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $contact->type }}</td>
                    <td>    
                         @if(isset($contact) && $contact->icon)
                            <img src="{{ asset('uploads/contact_info/'.$contact->icon) }}" alt="icon" width="50" class="mt-2">
                        @endif
                    </td>
                    <td>    
                         @if(isset($contact) && $contact->flag)
                            <img src="{{ asset('uploads/contact_info/'.$contact->flag) }}" alt="flag" width="50" class="mt-2">
                        @endif
                    </td>
                    <td>{{ $contact->country }}</td>
                    <td>{{ $contact->name }}</td>
                    <td>{{ $contact->address }}</td>
                    <td>{{ $contact->phone }}</td>
                    <td>{{ $contact->fax }}</td>
                    <td>{{ $contact->email }}</td>
                    <td>
                        @if($contact->map_link)
                            <a href="{{ $contact->map_link }}" target="_blank">View</a>
                        @endif
                    </td>
                    <td>{{ $contact->info_primary }}</td>
                    <td>{{ $contact->info_secondary }}</td>
                    <td>
                        <a href="{{ route('contact.edit', $contact->id) }}" class="p-btn">Edit</a>
                        <form action="{{ route('contact.destroy', $contact->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