@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <h3 class="card-title">Contacts From SEO Landing Page</h3>
                </div>
                <br />
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="display expandable-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Company</th>
                                        <th>Email</th>
                                        <th>Phone</th>
                                        <th>Message</th>
                                        <th>Country</th>
                                        <th>Campaign</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($contacts as $contact)
                                        @if ($contact->start_project == 0 && $contact->work_with_us == 0)
                                            <tr>
                                                <td>{{ $contact->id }}</td>
                                                <td style="max-width: 150px;">{{ $contact->name }}</td>
                                                <td>{{ $contact->company }}</td>
                                                <td>{{ $contact->email }}</td>
                                                <td>{{ $contact->phone }}</td>
                                                <td>{{ $contact->message }}</td>
                                                <td>{{ $contact->country ?: '-' }}</td>
                                                <td>{{ $contact->campaing ?: '-' }}</td>
                                                <td style="display:flex;column-gap:5px">
                                                    <form action="{{ url('/seo-delete-contact') }}" method="POST">
                                                        @csrf
                                                        @method('DELETE')
                                                        <input type="hidden" value="{{ $contact->id }}" name="id" style="display: none;">
                                                        <button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                            </table>
                            <div style="display:flex;justify-content:center">
                                {{ $contacts->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection