@extends('layouts.adminpages')

@section('content')
<div class="content row">
    <div class="col-md-12 text-right mt-2">
        <a href="{{ url('/dashboard/crosswords') }}" class="btn btn-success">Volver</a>
    </div>
    <div class="col-md-12">
        <div class="title-page">Palabras del Crucigrama: {{ $crossword->name }}</div>
    </div>
    <div class="col-md-12">
        <table class="table">
            <thead>
                <tr>
                    <th>Número</th>
                    <th>Pista</th>
                    <th>Respuesta</th>
                    <th>Orientación</th>
                    <th>Inicio</th>
                    <th>Fin</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($words as $word)
                    <tr>
                        <td>{{ $word->number }}</td>
                        <td>{{ $word->clue }}</td>
                        <td>{{ $word->answer }}</td>
                        <td>{{ ucfirst($word->orientation) }}</td>
                        <td>{{ $word->start }}</td>
                        <td>{{ $word->finish }}</td>
                        <td>
                            <form action="{{ route('crosswords.words.delete', [$crossword, $word]) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" data-toggle="tooltip" data-placement="top" title="Eliminar">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="col-md-12 d-flex justify-content-center">
        <div class="pag-prize">
            {{ $words->links() }}
        </div>
    </div>
    <div class="col-md-12">
        <div class="footer-page"></div>
    </div>
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
        @if (session('status'))
            swal.fire({
                title: '¡Todo ha salido correctamente.!',
                text: '{{ session('status') }}',
                type: 'success',
                confirmButtonText: 'Continuar'
            })
        @endif
    </script>
@stop