<style>
    .btn-outline {
        background-color: transparent;
        color: inherit;
        transition: all .5s;
    }

    .btn-primary.btn-outline {
        color: #428bca;
        border: 2px solid rgb(27, 156, 226);
    }

    .btn-success.btn-outline {
        color: #5cb85c;
        border-color: #5cb85c;
    }

    .btn-info.btn-outline {
        color: #5bc0de;
        border-color: #5bc0de;
    }

    .btn-warning.btn-outline {
        color: #f0ad4e;
        border-color: #f0ad4e;
    }

    .btn-danger.btn-outline {
        color: #d9534f;
        border-color: #d9534f;
    }

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #428bca;
        background-color: #eeeeee;
        border-color: rgb(27, 156, 226);
    }
    .field-coordinator-patient-dose .panel{

    }
    .verticalLine {
        border:solid #ecf2f2;
    }
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid rgb(27, 156, 226);
    }
    .right-side{
        border-left:  2px solid rgb(27, 156, 226);
    }
    .child img {
        width: 180px;
        height: 110px;
    }
</style>
<div class="panel"> 
    <div class="panel-body">
        <div class="row">

            <?php
            if (isset($asha_list) and $asha_list) {
                for ($i = 0; $i < count($asha_list); $i++) {
                    ?>
                    <div class="col-lg-4">

                        <form action="<?= base_url('mira-work-detail-current/1/' . $asha_list[$i]['create_region_id']) ?>" method="POST">
                            <input type="hidden" name="region_code" value="<?= $asha_list[$i]['create_region_id'] ?>">
                            <button type="submit" class="well btn-primary btn-outline btn-block well-field" onclick="getPatientDetailsByCoorinator(this)">
                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="left-side">

                                            <div class="row">
                                                <div class="col-lg-4"><p>Mira&nbsp;Name:&nbsp;</p></div>
                                                <div class="col-lg-8"><p class=""><?= $asha_list[$i]['user_name'] ?></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-3"><p>Village:&nbsp;</p></div>
                                                <div class="col-lg-9"><p class=""><?= str_replace(' ', '&nbsp;', $asha_list[$i]['region_name']) ?></p></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="right-side">
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center">ANM</p></div>

                                            </div>
                                            <div class="row">

                                                <div class="col-lg-12"><p class="text-center"><?=$asha_list[$i]['anm_detail']['user_name']  ?></p></div>
                                            </div>
                                        </div>

                                    </div>

                                </div>


                                <hr style="margin-bottom: 0px;margin-top: 0">
                                <hr style="margin-bottom: 10px;margin-top: 0">

                                <div class="row">
                                    <div class="col-lg-7">
                                        <div class="left-side">
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-left" data-placement="top" data-toggle="tooltip" title=""><span><strong>Base</strong></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-3"><p class="text-center" data-placement="top" data-toggle="tooltip" title="Registered House"><span class="text-success"><i class="fa fa-home" aria-hidden="true">&nbsp;<?= $asha_list[$i]['transaction']['tran_hid'] ?></i></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Registered Women"><span class="text-info"><i class="fa fa-female" aria-hidden="true">&nbsp;<?= $asha_list[$i]['transaction']['tran_wid'] ?></i></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Registered Pregnant Women"><span class="text-warning"><i class="fa fa-female" aria-hidden="true">&nbsp;<?= $asha_list[$i]['transaction']['tran_pid'] ?></i></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Registered Child"><span class="text-success"><i class="fa fa-child" aria-hidden="true">&nbsp;<?= $asha_list[$i]['transaction']['tran_cid'] ?></i></span></p></div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5">
                                        <div class="right-side">
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="Pregnant women close report"><span><strong>Pregnancy</strong></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-6"><p class="text-center" data-placement="top" data-toggle="tooltip" title="Total women pregnancy close"><span class="text-info"><i class="fa fa-female" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['success'] + $asha_list[$i]['delivery_status']['died'] + $asha_list[$i]['delivery_status']['aborted'] + $asha_list[$i]['delivery_status']['migrated'] + $asha_list[$i]['delivery_status']['other'] ?></i></span></p></div>
                                                <div class="col-lg-6"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Pregnancy successfully delivered"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['success'] ?></i></span></p></div>

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

                                <hr style="margin-bottom: 0px;margin-top: 0">
                                <hr style="margin-bottom: 10px;margin-top: 0">
                                <div class="row">
                                    <div class="col-lg-12"><p class="text-left text-center" data-placement="top" data-toggle="tooltip" title="Those women progress report which is prenant."><span><strong>Pregnancy&nbsp;progress&nbsp;report</strong></span></p></div>
                                </div>



                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="left-side">
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="This report last Monday to"<?=date('D')?>><span><strong>Last&nbsp;Week</strong></span></p></div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-5"><p style="margin-left: 4px" class="text-center" data-placement="top" data-toggle="tooltip" title="<?='Total pregnant women visits from Sunday tonbsp;'.$asha_list[$i]['work_last']['toady']?>"><span class="text-info">Visits:&nbsp;<?= $asha_list[$i]['work_last']['pending_last'] + $asha_list[$i]['work_last']['done_last'] ?></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="<?='Total HRP week visited from Sunday tonbsp;'.$asha_list[$i]['work_last']['toady']?>"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work_last']['done_last'] ?></i></span></p></div>
                                                <div class="col-lg-4"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="<?='Total HRP week met from Sunday tonbsp;'.$asha_list[$i]['work_last']['toady']?>"><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work_last']['pending_last'] ?></i></span></p></div>


                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="<?='Sunday to&nbsp;'.$asha_list[$i]['work_last']['toady'].'&nbsp;genrate high risk pregnant women report'?>"><span><strong>Last&nbsp;Report&nbsp;HRP</strong></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-5"><p style="margin-left: 4px" class="text-center" data-placement="top" data-toggle="tooltip" title="<?='Total HRP from Sundat to&nbsp;'.$asha_list[$i]['work_last']['toady']?> "><span class="text-info">HPR:&nbsp;<?= $asha_list[$i]['work_last']['total_hrp_last'] ?></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="<?='Total HRP met from Sunady to &nbsp;'.$asha_list[$i]['work_last']['toady']?>"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work_last']['met_hrp_last'] ?></i></span></p></div>
                                                <div class="col-lg-4"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="<?='Total HRP pending from Sunady to &nbsp;'.$asha_list[$i]['work_last']['toady']?>"><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work_last']['pending_hrp_last'] ?></i></span></p></div>
                                            </div>
                                           
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="right-side">
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="This is report those women is running state"><span><strong>Current&nbsp;Week&nbsp;Report</strong></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-5"><p style="margin-left: 4px" class="text-center" data-placement="top" data-toggle="tooltip" title="Total pregnant women visits"><span class="text-info">Visits:&nbsp;<?= $asha_list[$i]['work']['pending'] + $asha_list[$i]['work']['done'] ?></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Total HRP week visited"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work']['done'] ?></i></span></p></div>
                                                <div class="col-lg-4"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Total HRP week pending"><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work']['pending'] ?></i></span></p></div>


                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="This week genrate high risk pregnant women report"><span><strong>Current&nbsp;Report&nbsp;HRP</strong></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-5"><p style="margin-left: 4px" class="text-center" data-placement="top" data-toggle="tooltip" title="Total HRP of current week"><span class="text-info">HPR:&nbsp;<?= $asha_list[$i]['work']['total_hrp'] ?></span></p></div>
                                                <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Total HRP met"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work']['met_hrp'] ?></i></span></p></div>
                                                <div class="col-lg-4"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Total HRP pending"><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true">&nbsp;<?= $asha_list[$i]['work']['pending_hrp'] ?></i></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-center" data-placement="top" data-toggle="tooltip" title="Total spend time of this week.HH:MM"><span><strong>Total&nbsp;Time:&nbsp;</strong><?= $asha_list[$i]['screening']['average_time'] ?></span></p></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr style="margin-bottom: 0px;margin-top: 0">
                                <hr style="margin-bottom: 10px;margin-top: 0">
                               
                                <div class="row">
                                    <div class="col-lg-5">
                                        <div class="left-side">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                <p class="text-left" data-placement="top" data-toggle="tooltip" title="Total child register for immunization."><span><strong>Immunization&nbsp;Report</strong></span></p>
                                                </div>
                                                
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Total child register under this worker."><span><strong>Total&nbsp;Child:</strong><?=$asha_list[$i]['child']['total'] ?></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-left text-success" data-placement="top" data-toggle="tooltip" title="Total vaccination done by the worker"><span>Done&nbsp;:&nbsp;<i class="fa fa-check"></i><?=$asha_list[$i]['child']['done'] ?></span></p></div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12"><p class="text-left text-danger" data-placement="top" data-toggle="tooltip" title="Total missed vaccine by the worker."><span><strong>Missed&nbsp;:</strong>&nbsp;<i class="fa fa-times"></i><?=$asha_list[$i]['child']['missed'] ?></span></p></div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-lg-7">
                                        <div class="row child">
                                            <div class="col"><img src="<?= base_url($asha_list[$i]['child']['url']) ?>" class="rounded" alt="..."></div>
                                        </div>

                                    </div>
                                </div>








                                <hr style="margin-bottom: 0;margin-top: 0">
                                <hr style="margin-bottom: 0;margin-top: 0">


                            </button>
                        </form>





                    </div>
                    <?php
                }
            }
            ?>




        </div>
        <div class="clearfix"></div>




    </div>
</div>