@extends("layouts.layout")
@section("body")
<section class="bodyparttoshow" id="bodyparttoshow">
    <div class="container">
        <div class="body_structure homapeg_main">
            <div class="browsesystemsymptoms">
                <h1>Symptom Checker</h1>
                <img src="{{asset('assets/img/male-female.jpg')}}" alt="">
                <h2>
                    What is your Gender?
                </h2>
                <p>Identify possible conditions and treatment related to your symptoms.This tool does not provide
                    medical advice.
                    This tool is not intended to be a substitute for professional medical advice, diagnosis, or
                    treatment.</p>
                <form id="genderAgeForm" action="{{route('body.selectSymptoms')}}" method="POST">
                    <div class="search age">
                        <input required class="search-field" name="age" type="number" placeholder="Enter Your age"
                            value="">
                    </div>
                    @csrf
                    <div class="search gender">
                        <input type='radio' id='male' value="male" name='gender'>
                        <label for='male'>Male</label>
                        <input type='radio' id='female' value="female" name='gender'>
                        <label for='female'>Female</label>
                    </div>
                    <div class="contineubtn">
                        <button class="btn" type="submit" id="submit">Continue</button>
                    </div>
                </form>
            </div>


        </div>

    </div>

</section>





@endsection