@extends('layouts.adminpages')

@section('content')
    <div class="content row">
        <div class="col-md-12">
            <div class="title-page">
                Cupones
            </div>
        </div>
        @include('partials.messages')
        <div class="col-md-12 form-group">
            <br>
            <button class="btn btn-success" data-toggle="modal" data-target="#uploadCoupons">
                <i class="fa fa-upload"></i> Subir cupones </button>
        </div>
        <div class="col-md-12 text-center">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Codigo</th>
                            <th>Estado</th>
                            <th>Usuario</th>
                            <th>Cedula</th>
                            <th>Fechas</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($coupons as $item)
                            <tr>
                                <td>{{ $item->code }}</td>
                                <td>{{ !is_null($item->user_id) ? 'Asignado' : 'Disponible' }}</td>
                                @if (!is_null($item->user_id))
                                    <td>{{ $item->user->first_name }}
                                        {{ $item->user->last_name }}</td>
                                    <td>{{ $item->user->identification }}</td>
                                    <td>{{ $item->start_date }} a {{ $item->finish_date }}</td>
                                @else
                                    <td colspan="3">--</td>
                                @endif
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <div class="pag-prize">
                {{ $coupons->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-campaign') }}" 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="campaign_id" value="{{ $campaign->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 -->
@endsection