@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12 form-group">
            <div class="title-page">
                Premios
            </div>
        </div>
        <div class="row">
            <div class="col-md-9">
                <form class="form-group" action="{{ url('dashboard/awards') }}" method="GET">
                    <div class="row">
                        <div class="col-md-5">
                            <select name="type" id="type" class="form-control">
                                <option value="">Seleccione un tipo de premio</option>
                                @foreach ($types as $type)
                                    <option value="{{ $type['name'] }}"
                                        {{ request()->get('type') == $type['name'] ? 'selected' : '' }}>
                                        {{ $type['name'] }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-5">
                            <input type="text" name="name" class="form-control" placeholder="Nombre"
                                value="{{ request()->get('name') }}">
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-success"> <i class="fa fa-search"></i> </button>
                            @if (app('request')->query->count(['parameters']))
                                <a href="{{ url('dashboard/awards') }}" class="btn btn-success">
                                    <i class="fa fa-trash"></i>
                                </a>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-3">
                <a href="{{ route('awards.create') }}" class="btn btn-success float-right">
                    Crear Premio
                </a>
            </div>
            <div class="col-md-12 text-center">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Nombre/Estado</th>
                                <th>Imagen</th>
                                <th>Puntos para redimir</th>
                                <th>
                                    Maximo Redenciones<br>
                                    Por Usuario
                                </th>
                                <th>Redimidos</th>
                                <th>Entregados</th>
                                <th>Tipo</th>
                                <th>Orden</th>
                                <th>Fechas</th>
                                <th width="150">Opciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($awards as $award)
                                <tr>
                                    <td>
                                        <b>{{ $award->name }}</b> <br>
                                        {{ $award->status_name }}
                                    </td>
                                    <td>
                                        <img src="{{ asset('storage/' . $award->image) }}" alt="" width="100px">
                                    </td>
                                    <td>{{ $award->points_for_redeem }}</td>
                                    <td>{{ $award->max_redeem_for_user }}</td>
                                    <td>{{ $award->redeems->count() }} / {{ $award->quantity }}</td>
                                    <td>{{ $award->redeemsDeliveryCount() }}</td>
                                    <td>{{ $award->type }}</td>
                                    <td>{{ $award->order }}</td>
                                    <td>{{ $award->start_date_redeem }} a {{ $award->end_date_redeem }}</td>
                                    <td>
                                        <a href="{{ route('awards.edit', $award) }}" class="btn btn-sm btn-success mb-2">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                        <a href="{{ route('awards.redeems', $award) }}" class="btn btn-sm btn-success mb-2">
                                            {{ $award->redeems()->count() }} <i class="fa fa-list"></i>
                                        </a>
                                        <a class="btn btn-sm btn-success text-white" data-toggle="modal"
                                            data-target="#modal-delete-award{{ $award['id'] }}">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                        @include('dashboard.award.partials.modal-delete', [
                                            'award' => $award,
                                        ])
                                        <a href="{{ route('awards.group-users', $award) }}" class="btn btn-sm btn-success">
                                            {{ $award->users()->count() }} <i class="fa fa-users"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9">
                                        <h4>No hay premios disponibles ...</h4>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-12 text-center">
                <div class="pag-prize">
                    {{ $awards->appends(request()->input())->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