@extends('front.frontLayout')
@section('title','Home')
@section('pagelevelcss')
@stop
@section('content')
<div class="site-content">
    <section class="covid-section section-padding">
        <div class="container">
            <div class="row align-items-center">
        
             @foreach ($covids as $covid)
                <div class="col-md-6">
                <form action="{{route('testtype.form')}}" method="get">
                <div class="faq-box">
                <h3>{{ $covid->title }}</h3>
                <div class="qty-type">
                <select name="qty_type" class="form-control" id="pcr-qty-type">
                <option value="1">Group</option>
                <option value="2">Individual</option>
                </select> 
                </div> 
                <div class="wrap-div">
                <div class="price-box-wraper">
                <span class="current-price"><label>Price: <span>{{config('app.covid_currency')}}
                <h3>{{ $covid->price }}</h3></span></div>                       
                        <!-- <div class="qty-box-wraper">                            
                            <label>Quantity: </label>
                            <div class="qty-box">
                                
                                <input type="number" id="pcrquantity" name="quantity" class="form-control input-number pcrquantity" value="1" min="1" max="100" readonly >
                                <span class="input-group-btn">
                                    <a href="javascript:void(0);" class="pcr-quantity-right-plus" data-type="plus" data-field="">
                                        <i class="fas fa-caret-up"></i>
                                    </a>
                                    <a href="javascript:void(0);" class="pcr-quantity-left-minus" data-type="minus" data-field="">
                                        <i class="fas fa-caret-down"></i>
                                    </a>
                                </span>
                            </div>                            
                        </div> --> 
                    </div>                       
                    <input type="hidden" name="test" value="pcr">
                    @if((Auth::check() && auth()->user()->role == "client"))
                            <!-- <button type="submit" class="custom-btn mt-3">Book now</button> -->
                        
                            <!-- <a href="{{route('signin')}}" class="custom-btn mt-3" style="color: #fff;">Book now</a> -->
                    @endif
                  
                    <a href="{{route('BookCovidAppointment',$covid->id)}}" class="custom-btn mt-3" style="color: #fff;">Book now</a>
                    </div>
                    </form>
                    </div>
                @endforeach
            </div>
        </div>           
    </section>
</div>
@endsection
@section('pageleveljs')
    <script type="text/javascript">
        $("#pcr-qty-type").change(function() {
            $("#pcrquantity").val(1);
        });
        $("#lft-qty-type").change(function() {
            $("#lftquantity").val(1);
        });
    </script>
    @if ($errors->any())
        <script type="text/javascript">
            @foreach ($errors->all() as $error)
            setTimeout(function() {
                toastr.options = {
                    closeButton: true,
                    progressBar: true,
                    showMethod: 'slideDown',
                    timeOut: 4000
                };
                toastr.error('');
            }, 1300);
            @endforeach
        </script>
    @endif

    @if($message = Session::get('success'))
        <script type="text/javascript">
            setTimeout(function() {
                toastr.options = {
                    closeButton: true,
                    progressBar: true,
                    showMethod: 'slideDown',
                    timeOut: 4000
                };
                toastr.success('{{$message}}');
            }, 1300);
        </script>
    @endif

    @if($message = Session::get('error'))
        <script type="text/javascript">
            setTimeout(function() {
                toastr.options = {
                    closeButton: true,
                    progressBar: true,
                    showMethod: 'slideDown',
                    timeOut: 4000
                };
                toastr.error('{{$message}}');
            }, 1300);
        </script>
    @endif
@stop