@extends('layouts.backend.index', ['module_title' => 'Контакти'])

@section('content')
  @if(session('danger'))
    <div class="alert alert-danger">
      {!! session('danger') !!}
    </div>
  @endif
  <div class="card">
    <div class="card-body">
      @if ($contacts->count() > 0)
        <div class="table-responsive">
          <table class="table table-sm table-hover">
            <thead>
              <tr>
                <th>Имена</th>
                <th>Телефон</th>
                <th>Email</th>
                <th class="text-center">Прочетено</th>
                <th class="text-center">Дата създаване</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              @foreach ($contacts as $key => $row)
                <tr>
                  <td>
                    <a href="{{ route('contacts.show', $row->id) }}" class="text-white">
                      {{ $row->lname }} {{ $row->fname }}
                    </a>
                  </td>
                  <td>{{ $row->phone }}</td>
                  <td>{{ $row->email }}</td>
                  <td class="text-center">
                    @if ($row->is_read == 0)
                      <span class="text-danger">Не</span>
                    @else
                      <span class="text-success">Да</span>
                    @endif
                  </td>
                  <td class="text-center">{{ $row->created_at }}</td>
                  <td class="text-right">
                    <form class="d-inline-block" action="{{ route('contacts.destroy', $row->id) }}" method="post">
                      @csrf
                      @method('DELETE')
                      <button type="submit" name="delete"
                      class="btn btn-danger btn-sm"
                      data-toggle="confirmation"
                      data-placement="left"
                      data-title="Изтриване?"
                      data-btn-ok-label="Да"
                      data-btn-ok-class="btn btn-sm btn-success"
                      data-btn-cancel-label="Не"
                      data-btn-cancel-class="btn btn-sm btn-danger"
                      >
                        <i class="fas fa-trash-alt" aria-hidden></i>
                      </button>
                    </form>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      @else
        <div class="alert alert-warning"><i class="fas fa-exclamation-triangle" aria-hidden></i> Няма нови съобщения!</div>
      @endif

    </div>
  </div>
@endsection