@extends('layouts.main')

@section('main-content')

<div class="nk-block-head">
    <div class="row g-gs">                                   
        <div class="col-md-5 mx-auto">
            <div class="card card-bordered h-100 shadow">
                <div class="card-inner">
                    <div class="card-head">
                        <h5 class="card-title">Scratch Card Validation</h5>
                    </div>
                        <p class="small">Validate a scratch card pin for {{ $service->name }}</p>
                    <form method="POST" action="{{ route('card.validate', ['service' => $service]) }}">
                        @csrf

                        <div class="form-group">
                            <label class="form-label" for="cf-phone-no">Card Pin No</label>
                            <input type="text" class="form-control form-control-lg" id="card_pin" name="card_pin" value="{{ old('card_pin') }}" placeholder="Enter Card Pin">
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-lg btn-block bg-custom-green text-white"> Validate</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
            
@endsection