@extends('Frontend.layouts.master')

@section('section')
<div class="container">
    <!--<h3 class="text-center">Budgets</h3>-->
    <div class="row">
        <div class="col-4">
            <div class="card text-center">
                <div class="card-body">
                    <h5 class="card-title">Intermidate</h5>
                    <a href="{{ route('subscription_create_beginners') }}" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">Join Now</a>
                </div>
            </div>
        </div> 
    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Intermidate</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="sign_up">
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Name<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="full_name" id="full_name" placeholder="Full Name">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Email<span class="text-danger">*</span></label>
                            <input type="email" class="form-control"  name="email" id="email" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Mobile Number<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="phone_number" id="phone_number" placeholder="Mobile">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="inputEmail4">Password<span class="text-danger">*</span></label>
                            <input type="password" name="password" class="form-control" id="password" placeholder="Password">
                        </div>
                    </div>
<!--                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Confirm Password<span class="text-danger">*</span></label>
                            <input type="confirm password"  name="confirm_password"class="form-control" id="confirm_password" placeholder="Confirm Password">
                        </div>
                    </div>-->
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Address <span class="text-danger">*</span></label>
                            <input type="text" name="address" class="form-control" id="address" placeholder=" Address">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">What is your fitness goal <span class="text-danger">*</span></label>
                            <input type="text" name="fitness_goal" class="form-control" id="fitness_goal" placeholder="Fitness goal">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="inputEmail4">Where did you hear about us <span class="text-danger">*</span></label>
                            <input type="text" name="hear_about_us" class="form-control" id="hear_about_us" placeholder="Hear About us">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary register">Submit</button>
                </form>
            </div>
<!--            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>-->
        </div>
    </div>
</div>
@endsection