@extends('layouts.frontpages')

@section('content')
    <div class="page-redeem">
        @include('partials.header-validate-code')
        <div class="row ml-0 mr-0">
            <div class="col-md-12 px-0">
                <picture>
                    <source srcset="{{ asset('images/bg-validate-code-sm.png') }}" media="(max-width: 768px)">
                    <img class="img-info" src="{{ asset('images/VALIDATE.jpg') }}" alt="">
                </picture>
            </div>
        </div>
        <div class="row ml-0 mr-0">
            <div class="col-md-12">
                @if (session('status'))
                    <div class="form-group">
                        <h4 class="legent-orange text-center">{{ session('status') }}</h4>
                    </div>
                @endif
            </div>
        </div>
        <div class="row ml-0 mr-0">
            <div class="col-md-4 text-right hidden-xs">
                @if ($coupon->date_delivery !== null)
                    <img class="text-center" src="{{ asset('images/candies-img.png') }}" alt="">
                @endif
            </div>
            <div class="col-md-4">
                @if (session('error'))
                    <div class="form-group">
                        <h4 class="legent-orange text-center">{{ session('error') }}</h4>
                    </div>
                @endif
                @if (count($errors->all()))
                    @foreach ($errors->all() as $error)
                        <p class="legent-red text-center">
                            <span class="">
                                <strong>{{ $error }}</strong>
                            </span>
                        </p>
                    @endforeach
                @endif
                @include('pages.deliver.info-coupon')
                @if ($coupon->date_delivery === null)
                    <div class="form-group mb-30">
                        <form action="{{ route('claim-prize', $coupon) }}" method="POST">
                            @csrf
                            <button class="btn btn-redeem w-70">
                                Entregar premio
                            </button>
                        </form>
                    </div>
                @endif
            </div>
            <div class="col-md-4 hidden-xs">
                @if ($coupon->date_delivery !== null)
                    <img src="{{ asset('images/candies-img-two.png') }}" alt="">
                @endif
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="deliver" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">¡El premio ya fue entregado!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="page-redeem">
                        @include('pages.deliver.info-coupon')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        @if ($coupon->date_delivery !== null && !session('status'))
            $("#deliver").modal("show")
        @endif
    </script>
@endsection