@extends('admin.layouts.app')
@section('content')
<div class="row mx-0 slct_tab_que_print">
<!-- START: main-row -->
    <div class="col-lg-6 mb-2 mb-lg-3">
        <h1 class="page-title">Select the tab or question to print</h1>
    </div>
    <div class="top-btn-box col-lg-6 mb-3" id="normal_btns">
        <div class="top-btn-box d-flex justify-content-lg-end align-items-center h-100">
            <a tabindex="2" href="" class="btn  btn-primary addnew-btn">
                <span class="btn-title">Print</span>
            </a>
        </div>
    </div>



<div class="col-12 mb-3">
    <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" id="customAll">
        <label class="custom-control-label" for="customAll">Check All</label>
    </div>
</div>


<div class="col-12 tab_accordion">
        <div class="accordion slct_que_tab" id="accordionExample">
            <div class="card border rounded-0 mb-3">
                <div class="card-header p-0 bg-white" id="headingOne">
                    <h5 class="mb-0 d-flex align-items-center mx-3 my-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="oe">
                                <label class="custom-control-label" for="oe"></label>
                            </div>
                        <a class="btn pl-0 pr-3 py-2 text-left flex-grow-1 d-flex align-items-center" href="javacript:void(0);" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            Organisation for Economic 
                        </a>
                        
                        <div class="d-flex flex-row">
                            <span class="badge round-0 rounded-0 px-2 py-1">TAB</span>
                        </div> 
                    </h5>
                </div>
                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" style="">
                    <div class="card-body py-1">
                        
                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="dba">
                                <label class="custom-control-label text-third" for="dba">Do you believe in aliens?</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="vfm">
                                <label class="custom-control-label text-third" for="vfm">What’s your very first memory?</label>
                            </div>
                        </div>
                    
                    </div>
                </div>
            </div>

            <div class="card border rounded-0 mb-3">
                <div class="card-header p-0 bg-white" id="headingTwo">
                    <h5 class="mb-0 d-flex align-items-center mx-3 my-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="ps">
                                <label class="custom-control-label" for="ps"></label>
                            </div>
                        <a class="btn pl-0 pr-3 py-2 text-left flex-grow-1 d-flex align-items-center" href="javacript:void(0);" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                            How to get this problem solved
                        </a>
                        
                        <div class="d-flex flex-row">
                            <span class="badge round-0 rounded-0 px-2 py-1">TAB</span>
                        </div> 
                    </h5>
                </div>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" style="">
                    <div class="card-body py-1">
                        
                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="db">
                                <label class="custom-control-label text-third" for="db">Do you believe in aliens?</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="vf">
                                <label class="custom-control-label text-third" for="vf">What’s your very first memory?</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="lci">
                                <label class="custom-control-label text-third" for="lci">What living celebrity do you most identify with?</label>
                            </div>
                        </div>
                    
                    </div>
                </div>
            </div>

            <div class="card border rounded-0 mb-3">
                <div class="card-header p-0 bg-white" id="headingThree">
                    <h5 class="mb-0 d-flex align-items-center mx-3 my-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="lc">
                                <label class="custom-control-label" for="lc"></label>
                            </div>
                        <a class="btn pl-0 pr-3 py-2 text-left flex-grow-1 d-flex align-items-center" href="javacript:void(0);" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                            What living celebrity do you most identify with
                        </a>
                        
                        <div class="d-flex flex-row">
                            <span class="badge round-0 rounded-0 px-2 py-1">TAB</span>
                        </div> 
                    </h5>
                </div>
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" style="">
                    <div class="card-body py-1">
                        
                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="ca">
                                <label class="custom-control-label text-third" for="ca">Can identify anything</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="cn">
                                <label class="custom-control-label text-third" for="cn">Can identify nothing </label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="ai">
                                <label class="custom-control-label text-third" for="ai">Its already Identified.</label>
                            </div>
                        </div>
                    
                    </div>
                </div>
            </div>

            <div class="card border rounded-0 mb-3">
                <div class="card-header p-0 bg-white" id="headingFour">
                    <h5 class="mb-0 d-flex align-items-center mx-3 my-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="lc">
                                <label class="custom-control-label" for="lc"></label>
                            </div>
                        <a class="btn pl-0 pr-3 py-2 text-left flex-grow-1 d-flex align-items-center" href="javacript:void(0);" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                            Have you ever seen a UFO?
                        </a>
                        
                        <div class="d-flex flex-row">
                            <span class="badge round-0 rounded-0 px-2 py-1">TAB</span>
                        </div> 
                    </h5>
                </div>
                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" style="">
                    <div class="card-body py-1">
                        
                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="ye">
                                <label class="custom-control-label text-third" for="ye">Yes I see it everyday.</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="na">
                                <label class="custom-control-label text-third" for="na">No.. What is that.</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="nt">
                                <label class="custom-control-label text-third" for="nt">This is not a truth.</label>
                            </div>
                        </div>
                    
                    </div>
                </div>
            </div>

            <div class="card border rounded-0 mb-3">
                <div class="card-header p-0 bg-white" id="headingFive">
                    <h5 class="mb-0 d-flex align-items-center mx-3 my-2">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="lc">
                                <label class="custom-control-label" for="lc"></label>
                            </div>
                        <a class="btn pl-0 pr-3 py-2 text-left flex-grow-1 d-flex align-items-center" href="javacript:void(0);" data-toggle="collapse" data-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
                            What really gets on your nerves?
                        </a>
                        
                        <div class="d-flex flex-row">
                            <span class="badge round-0 rounded-0 px-2 py-1">TAB</span>
                        </div> 
                    </h5>
                </div>
                <div id="collapseFive" class="collapse" aria-labelledby="headingFive" style="">
                    <div class="card-body py-1">
                        
                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="vc">
                                <label class="custom-control-label text-third" for="vc">The corona virus counts.</label>
                            </div>
                        </div>

                        <div class="col-auto my-3 p-0 px-sm-3">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="dc">
                                <label class="custom-control-label text-third" for="dc">The death happening because of this pendamic</label>
                            </div>
                        </div>

                    
                    </div>
                </div>
            </div>
        </div>
</div>



<!-- END: main-row -->
</div>



@endsection