@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12 mt-2">
            @include('dashboard.partials.nav-activities')
        </div>
        <div class="col-md-12">
            <div class="title-page">
                Crucigramas
            </div>
        </div>
        <div class="col-md-12">
            <br>
            <a href="{{ url('dashboard/crosswords/create') }}" class="btn btn-success float-right">
                Crear Crucigrama</a> <br> <br>
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Fechas</th>
                            <th>Filas/Columnas</th>
                            <th>Roles</th>
                            <th>Estado</th>
                            <th>Participaciones</th>
                            <th>Opciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($crosswords as $item)
                            <tr>
                                <td>{{ $item->name }}</td>
                                <td>
                                    {{ $item->start_date }} a <br>
                                    {{ $item->finish_date }}
                                </td>
                                <td>{{ $item->rows }}/{{ $item->cols }}</td>
                                <td>{!! $item->roles_names !!}</td>
                                <td>{{ $item->state == 0 ? 'Inactiva' : 'Activa' }}</td>
                                <td>
                                    <a href="{{ route('list.crossword.participants', $item->id) }}"
                                        class="btn btn-sm btn-info" data-toggle="tooltip" data-placement="top"
                                        title="Participantes">
                                        <i class="fa fa-list-alt"></i>
                                        {{ $item->participants->count() }}
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ url('dashboard/crosswords', $item->id) }}/edit"
                                        class="btn btn-sm btn-success" data-toggle="tooltip" data-placement="top"
                                        title="Editar">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <a href="{{ url('dashboard/crosswords-download', $item->id) }}"
                                        class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top"
                                        title="Descargar">
                                        <i class="fa fa-download"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <div class="pag-prize">
                {{ $crosswords->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>
@endsection