@extends('admin.layouts.app')

@section('styles')
    <style>
        #cajaBuscador{
            margin-top: 25px;
        }
        #cajaTotalProyectos{
            margin-bottom: 15px;
        }
        #cajaTotalProyectos div{
            margin-bottom: 10px;
        }
        @media screen and (min-width: 768px) {
            .cajaFiltros{
                margin-bottom: 15px;
            }
        }
        @media screen and (max-width: 768px) {
            .cajaFiltros{
                margin-bottom: 15px;
            }
        }
        .cajaFiltros #cajaQuitarFiltro{
            margin-bottom: 15px;
        }
        #tablaProyectos_filter input{
            /*min-width: 190px;*/
            /*width: 600px;*/
            max-width: 600px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    </style>
@endsection

@section('content')

    <div class="page-header">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <h1>Solicitud de materiales a artistas BIENALSUR 2019</h1>
            </div>
        </div>
    </div>

    <div class="row" id="cajaTotalProyectos">
        <div class="col-xs-12 col-sm-4">
                Cantidad total de artistas: <b>{{ $cantidad_artistas }}</b>
        </div>
    </div>

    <div>
        <a class="btn btn-success" href="{{ URL::to('/') }}/admin/inscription/download/csv" onclick="download('/admin/inscription/download/csv');">Descargar listado</a>
    </div>

    {{-- PROYECTOS --}}
    <div class="table-responsive">
        <table class="table display table-hover" id="tablaProyectos">
            <thead>
                <tr>
                    <th>Nº</th>
                    <th>Apellido Nombre</th>
                    <th>E-mail</th>
                    <th>Celular</th>
                    <th>País</th>
                    <th></th>
                </tr>
            </thead>
            @php($id=0)
            <tbody>
                {{--@foreach(array_unique($artistas) as $artista)--}}
                @foreach($artistas as $artista)
                    <tr class="{{ $id++ }}">
                    <td>{{ $artista->id }}</td>
                    <td>{{ $artista->surname }} {{ $artista->name }}</td>
                    <td>{{ $artista->email}}</td>
                    <td>{{ $artista->cellphone }}</td>
                    <td>{{ $artista->es }}</td>
                    <td>
                        <a class="btn btn-primary" href="{{ URL::to('/') }}/admin/inscription/{{ $artista->id }}">Ver artista</a>
                    </td>
                @endforeach
            </tbody>
        </table>
    </div>

@endsection

@section('scripts')
    <script>
        $(document).ready( function () {
            // buscador
            $('#tablaProyectos').DataTable({
                    "paging":   false,
                    "ordering": false,
                    "info":     false,
                    "language": {
                        "search": "Buscar:"
                    },
                }
            );
        } );


    </script>

    <script src={{ asset('js/ajax.js') }}></script>
    {{--<script src={{ asset('js/preselect.js') }}></script>--}}
@endsection