@include('division.layout.header')
<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row">
        <div class="col-auto my-auto">
            <h2 class="main_title">Doctor's Information</h2>
        </div>

    </div>

    <div class="row mb-3">
    </div>

    <div class="row">

        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row ">
                        <div class="col-lg-3 col-md-3 col-sm-4 col-12 my-auto">
                            <div class="information_dr">
                                <div class="user_icon">
                                    <i class="fa-solid fa-user-tie"></i>
                                </div>
                                <h4>Demo doctor reward</h4>
                                <h5>(Pending Documents)</h5>
                                <button type="button" onclick="location.href = '';" class="btn btn-primary">View All
                                    Documents</button>
                            </div>
                        </div>
                        <div class="col-lg-9 col-md-9 col-sm-8 col-12">
                            <div class="dr_rs_detiles">
                                <h5>SPEAR (Fixed Dose Combination Therapy With Sitagliptin and Dapagliflozin In Indian
                                    T2DM Patients In A real world Setting: SPEAR study)</h5>
                                <ul>
                                    <li>
                                        <b>Center Code</b>
                                        <span>112255</span>
                                    </li>
                                    <li>
                                        <b>Email ID <a href="" class="ms-2" data-bs-toggle="modal"
                                                data-bs-target="#email_edit"><i
                                                    class="fa-regular fa-pen-to-square"></i></a></b>
                                        <span>demo@gmail.com</span>
                                    </li>
                                    <li>
                                        <b>MSL No</b>
                                        <span>112255</span>
                                    </li>
                                    <li>
                                        <b>Place</b>
                                        <span>MUMBAI</span>
                                    </li>
                                    <li>
                                        <b>Patients: Filled/Assigned</b>
                                        <span>0/2</span>
                                    </li>
                                    <li>
                                        <b>Mobile no</b>
                                        <span>9969736554</span>
                                    </li>
                                    <li>
                                        <b>Enrollment Date <a href="" class="ms-2" data-bs-toggle="modal"
                                                data-bs-target="#enrollment_date"><i
                                                    class="fa-regular fa-pen-to-square"></i></a></b>
                                        <span>20/Aug/2021</span>
                                    </li>
                                    <li>
                                        <b>Last Login</b>
                                        <span>2023-02-14 10:30:13</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-auto my-auto">
            <h2 class="main_title">Patient's Summary</h2>
        </div>

        <div class="col-lg-auto ms-auto">
            <button type="button" class="btn btn-success"><i class="fa-solid fa-download me-2"></i> Export Patient
                Summary
            </button>
        </div>

    </div>


</div>

</div>

<!-- Modal -->
<div class="modal fade" id="email_edit" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Demo doctor reward /112255 /MUMBAI Email ID</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="exampleFormControlInput1" class="form-label">Doctor Email ID <span
                            class="red">*</span></label>
                    <input type="text" class="form-control" id="exampleFormControlInput1"
                        placeholder="Enter Email ID">
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary">Update</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="enrollment_date" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Demo doctor reward /112255 /MUMBAI Email ID</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="exampleFormControlInput1" class="form-label">Doctor Enrollment Date<span
                            class="red">*</span></label>
                    <input type="date" class="form-control" id="exampleFormControlInput1"
                        placeholder="Enter Email ID">
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                <button type="button" class="btn btn-primary">Update</button>
            </div>
        </div>
    </div>
</div>



@include('division.layout.footer')