@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <div class="title-page">
                Cupones
            </div>
        </div>
        <div class="col-md-12">
            <br>
            <div class="form-group">
                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#uploadCoupons">
                    <i class="fa fa-upload"></i> Subir Cupones</button>
                <button class="btn btn-success" data-toggle="modal" data-target="#generateCoupons">
                    <i class="fa fa-plus"></i> Generar cupones </button>
                <button class="btn btn-success" data-toggle="modal" data-target="#assingCoupons">
                    <i class="fa fa-users"></i> Asignar cupones </button>
            </div>
        </div>



        @include('partials.messages')

        <div class="col-md-3 text-center">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title" style="color: #e7801f">Premio</h5>
                    <p class="card-text"><b>{{ $prize->name }}</b></p>
                    <hr>
                </div>
            </div>
        </div>

        <div class="col-md-3 text-center">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title" style="color: #e7801f">Cupones</h5>
                    <p class="card-text"><b>
                            {{ $total_coupons }}/{{ $prize->quantity_coupons }}
                        </b></p>
                    <hr>
                </div>
            </div>
        </div>

        <div class="col-md-3 text-center">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title" style="color: #e7801f">Cupones canjeados</h5>
                    <p class="card-text"><b>{{ $total_redeemed }}</b></p>
                    <hr>
                </div>
            </div>
        </div>

        <div class="col-md-3 text-center">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title" style="color: #e7801f">Cupones entregados</h5>
                    <p class="card-text"><b>{{ $total_delivery }}</b></p>
                    <hr>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <br />
        </div>

        <div class="col-md-8">
            <form class="form-group" action="{{ route('prizes.show', $prize) }}" method="GET">
                <div class="input-group">
                    <input type="search" name="code" class="form-control mr-1" placeholder="Buscar por codigo del cupon"
                        value="{{ request()->code }}">
                    <select name="status" class="form-control">
                        <option value="" selected>Buscar por estado...</option>
                        <option value="Redimido" @if (request()->get('status') == 'Redimido') selected @endif>Redimido</option>
                        <option value="Disponible" @if (request()->get('status') == 'Disponible') selected @endif>Disponible</option>
                    </select>
                    <select name="pagination" class="form-control">
                        <option value="15" @if (request()->get('pagination') == 15 || !request()->get('pagination')) selected @endif>15</option>
                        <option value="30" @if (request()->get('pagination') == 30) selected @endif>30</option>
                        <option value="50" @if (request()->get('pagination') == 50) selected @endif>50</option>
                        <option value="100" @if (request()->get('pagination') == 100) selected @endif>100</option>
                        <option value="150" @if (request()->get('pagination') == 150) selected @endif>150</option>
                        <option value="200" @if (request()->get('pagination') == 200) selected @endif>200</option>
                    </select>
                    <span class="input-group-prepend">
                        <button type="submit" class="btn btn-success mr-1">Buscar</button>
                    </span>
                    @if (request()->except('page'))
                        <a href="{{ route('prizes.show', $prize) }}" class="btn btn-danger"> <i class="fa fa-times"></i>
                        </a>
                    @endif
                </div>
            </form>
        </div>

        <div class="col-md-12 text-center mt-3">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Estado</th>
                            <th>Usuario</th>
                            <th>Fechas</th>
                            @if ($EPCOL)
                                <th>Asignar</th>
                            @endif
                            <th>Fecha Entrega</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($coupons as $item)
                            <tr>
                                <td>{{ $item->code }}</td>
                                <td>{{ $item->user_id ? 'Redimido' : 'Disponible' }}</td>
                                <td>
                                    @if ($item->user)
                                        {{ $item->user->full_name }} <br>
                                        <b>{{ $item->user->identification }}</b>
                                    @endif
                                </td>
                                <td>
                                    {{ $item->start_date }} - {{ $item->finish_date }}
                                </td>
                                @if ($EPCOL && !$item->user)
                                    <td>
                                        <a href="{{ url('coupons/assign-user-epcol', $item->id) }}"
                                            class="btn btn-success">
                                            Asignar a Usuario EPCOL
                                        </a>
                                    </td>
                                @endif
                                <td>
                                    {{ $item->date_delivery }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <div class="pag-prize">
                {{ $coupons->appends(request()->query())->links() }}
            </div>
        </div>
        <div class="col-md-12">
            <div class="footer-page"></div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="uploadCoupons" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Subir Cupones</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form class="" action="{{ url('excel/upload-coupons') }}" method="post"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group text-center">
                            <input type="file" name="excel" class="form-control" required>
                            <input type="hidden" name="prize_id" value="{{ $prize->id }}">
                            <br>
                            <p>Descargar archivo base <a href="{{ asset('excels/upload_coupons.xlsx') }}">aqui</a>. </p>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-success">Subir</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="generateCoupons" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" style="color: #e7801f" id="exampleModalLabel">Generar cupones</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="pl-4">
                    <span>Limite de cupones: {{ $prize->quantity_coupons }}</span><br>
                    <span>Cupones creados: {{ $total_coupons }}</span>
                </div>

                <form class="form" action="{{ url('generate-coupons') }}" method="post"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group text-center">
                            <label for="index_coupon">Número donde empieza el cupón</label>
                            <input type="number" name="index_coupon" class="form-control text-center"
                                value="{{ $end_code }}" required>
                            <input type="hidden" name="limit" value="{{ $prize->quantity_coupons }}">
                            <input type="hidden" name="prize_id" value="{{ $prize->id }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-success">Generar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="assingCoupons" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" style="color: #e7801f" id="exampleModalLabel">Asignar cupones</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <form class="form" action="{{ url('assign-coupons') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group text-center">
                            <label for="index_coupon">Archivo (<a href="/formats/assign_coupons.xlsx">Descargar
                                    aquí</a>):</label>
                            <input type="file" name="excel" class="form-control" required>
                            <input type="hidden" name="prize_id" value="{{ $prize->id }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-success">Asignar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection