@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-1"></div>
            <div class="col-md-10">
                @if (session('status'))
                    <div class="form-group">
                        <h4 class="legent-orange text-center">{{ session('status') }}</h4>
                    </div>
                @endif
                @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
                <h4 class="legent text-center mt-5">Ingresa el código del cupón del cliente</h4>
                <form action="{{ route('validate-code') }}" method="GET">
                    <div class="form-group">
                        <input class="form-control mt-30 text-center" type="text" name="code">
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-redeem">
                            Verificar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection