@extends('layouts.main')

@section('main-content')


    <div class="row">
        <div class="col-md-6 mx-auto">
            @component('components.scratch_card_validation', [
                'validationRoute' => ($service) ? route('scratch_card.validate_phone', ['service' => $service]): route('scratch_card.validate_phone')
            ]) @endcomponent
        </div>
    </div>





    <!-- Modal Form -->
    <div class="modal fade" tabindex="-1" id="uploadModalForm">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Upload Scratch Card</h5>
                    <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                        <em class="icon ni ni-cross"></em>
                    </a>
                </div>
                <div class="modal-body">
                    <form action="{{route('scratch_card.upload_file')}}" method="post" class="form-validate is-alter" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <small class="font-weight-bold">Document must be csv format with the right heading(tid, cardserial_no). <a href="{{ route('scratch_card.download_sample') }}">Download Sample</a></small>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="file">Upload File</label>
                            <div class="form-control-wrap">
                                <input type="file" id="file" name="csv_file" class="form-control" required>
                            </div>
                        </div>


                        <div class="form-group">
                            <button type="submit" class="btn btn-lg btn-danger btn-block">Upload</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>


@endsection