@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>

                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="section-title">
                                    <h4 class="rbt-title-style-3"> Start Quiz</h4>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 border-bottom pb-3 pt-3">
                                <label for="sponsor_name" class="h6 mb-3">Q1. What is the main advantage of using LinkedIn for professional networking and career development?</label>

                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-1">
                                            <label class="form-check-label" for="rbt-radio-1">Access to a vast network of professionals and industry leaders.</label>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-2">
                                            <label class="form-check-label" for="rbt-radio-2">Exclusive job opportunities and recruitment services.</label>
                                        </div>

                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-3">
                                            <label class="form-check-label" for="rbt-radio-3">Exclusive job opportunities and recruitment services.</label>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-4">
                                            <label class="form-check-label" for="rbt-radio-4">Exclusive job opportunities and recruitment services.</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 border-bottom pb-3 pt-3">
                                <label for="sponsor_name" class="h6 mb-3">Q2. Why it is important to network with others on social media</label>

                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-5">
                                            <label class="form-check-label" for="rbt-radio-5">It build your authority and open doors of new opportunity</label>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-6">
                                            <label class="form-check-label" for="rbt-radio-6">To start online business</label>
                                        </div>

                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-7">
                                            <label class="form-check-label" for="rbt-radio-7">To promote your products.</label>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="rbt-form-check mb-2">
                                            <input class="form-check-input" type="radio" name="rbt-radio" id="rbt-radio-8">
                                            <label class="form-check-label" for="rbt-radio-8">To promote your products.</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 mt-4">
                                <button type="submit" class="rbt-btn btn-sm btn-gradient radius-round ">Save Changes</button>
                            </div>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        img_input1.onchange = evt =>{
            const [file] = img_input1.files
            if (file) {
                img1.src = URL.createObjectURL(file)
            }
        }
    </script>

@endsection