@extends('layouts.appPage')

@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('viewDashboard') }}" class="text-dark"><i class="fa fa-arrow-circle-left "></i> Aplicaciones</a>
            <hr>
        </div>
        <div class="card mt-2">
            <div class="card-body">
                <a href="{{ route('showFormNewPage') }}" title="add new" class="float-right btn btn-primary btn-sm"><i class="fa fa-plus"></i> Nueva página</a>
                <div class="clearfix"></div>
                {!! $Pages->render() !!}
                <table class="table table-condensed mt-2">
                    <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>route</th>
                        <th>Activo</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($Pages as $Page)
                        <tr>
                            <td>
                                <a href="{{ route('templatePageById', ['id' => $Page->id]) }}">{{ ucfirst($Page->name) }}</a>
                            </td>
                            <td>{{ route('viewPage', ['uri' => $Page->uri]) }}</td>

                            <td>
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td style="border: none;">
                                            <a class="text-danger" @click="deleteResource(`{{ route('deletePage', ['id' => $Page->id]) }}`)" href="#"><i class="fa fa-trash"></i> Eliminar</a>
                                        </td>
                                        <td style="border: none;">
                                            <div class="custom-control custom-switch">
                                                <input @click="changeActive({{$Page->id}})" type="checkbox" class="custom-control-input" id="isActive{{$Page->id}}" {{ $Page->active ? ' checked' : '' }}>
                                                <label class="custom-control-label" for="isActive{{$Page->id}}"></label>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                {!! $Pages->render() !!}
            </div>
        </div>
    </div>
@endsection