@extends('website.layout.master')
@section('title', 'Login')
@section('content')
    <div class="container">
        <div class="header">
            <h3>Membership</h3>
            <ul>
                <li><a href="">Home </a></li>
                <li>/</li>
                <li><a href="">Sign up </a></li>
                <li>/</li>
                <li><a href=""> Select course </a></li>
                <li>/</li>
                <li> Select membership</li>
            </ul>
        </div>
    </div>
    </header>
    <!--  -->
    <div class="body-content">
        <div class="container">
            <div class="hed-t">
                <h3>Select membership</h3>
            </div>
            <div class="row justify-content-center">

                <div class="col-12 col-md-6 col-lg-5">
                    <div class="form-content mb-2">

                        <div class="t-h-p">

                            <h3>

                                {{ $exam->title }}

                                <span class="">
                                    <a href="{{url('register-first')}}">(Change)</a>
                                </span>

                            </h3>
                        </div>

                        <div class="offer-info">

                            @foreach($packages as $package)
                                <div class="offer-info">
                                    <div class="pyment">
                                        <div class="pyment-c">
                                            <input type="radio" value="{{ $package->id }}" class="astro" name="package">
                                            <div class="item-p">
                                                <h3>{{ $package->duration }} Month</h3>
                                            </div>
                                        </div>
                                        <div class="item-p">
                                            <h3>$ {{ $package->price }}</h3>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <input name="exam_id" type="hidden" id="exam_id" value="{{ $package->exam->id }}">

                            <button  id="selectPackage" class="select"> Select</button>
                            <div class="linkk">
                                <a href={{ url('/exam/'. $package->exam->slug) }}>Learn more about this course</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
@stop


@push('script')
    <script>
        $(document).ready(function () {
            $("#selectPackage").click(function(){
                var val = $(".astro:checked").val();
                var exam_id = $("#exam_id").val();
                window.location.href = "{{ url('/register-third') }}/"+ val + "/" + exam_id;
            });
        });
    </script>
@endpush