@extends('layouts.backend.index', ['module_title' => 'Страници', 'create_url' => route('pages.create')])

@section('content')
  @if(session('danger'))
    <div class="alert alert-danger">
      {{ session('danger') }}
    </div>
  @endif
  <div class="card">
    <div class="card-body">
      <div class="table-responsive">
        <table class="table table-sm table-hover">
          <thead>
            <tr>
              <th>Заглавие</th>
              <th class="text-center">Да се показва</th>
              <th class="text-center">Статус</th>
              <th class="text-center">Дата създаване</th>
              <th class="text-center">Дата обновяване</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            @foreach($pages as $key=> $row)
              <tr>
                <td>{{ $row->translation->title }}</td>
                <td class="text-center">{{ $row->show() }}</td>
                <td class="text-center">{!! $row->status() !!}</td>
                <td class="text-center">{{ $row->created_at }}</td>
                <td class="text-center">{{ $row->updated_at }}</td>
                <td class="text-right">
                  <a href="{{ route('pages.edit', $row->id) }}" class="btn btn-warning btn-sm">
                    <i class="fas fa-edit" aria-hidden></i>
                  </a>
                  <form class="d-inline-block" action="{{ route('pages.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>
    </div>
  </div>
@endsection