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

    .btn-primary.btn-outline {
        color: #428bca;
        border-color: #428bca;
    }

    .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: #204d74;
    }
    .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);
    }
</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-3">

                        <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-12"><p class="text-left" data-placement="top" data-toggle="tooltip" title=""><span><strong>Mira&nbsp;and&nbsp;Area</strong></span></p></div>
                                </div>
                               
                               
                                <div class="row">
                                    <div class="col-lg-4"><p>Worker&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>Area&nbsp;Name:&nbsp;</p></div>
                                    <div class="col-lg-9"><p class=""><?= $asha_list[$i]['region_name'] ?></p></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" data-placement="top" data-toggle="tooltip" title=""><span><strong>Registration</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>
                                <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" data-placement="top" data-toggle="tooltip" title=""><span><strong>Screen&nbsp;View&nbsp;Record</strong></span></p></div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3"><p>Average&nbsp;Time:&nbsp;</p></div>
                                    <div class="col-lg-5"><p class="text-success"><?=$asha_list[$i]['screening']['average_time']?></p></div>
                                </div>

                                <div class="row">
                                    <?php if ($asha_list[$i]['screeningclose']['screen_view_ratio'] < 25) { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Close&nbsp;Screen:&nbsp;</span><span class="text-danger"><span><?= $asha_list[$i]['screeningclose']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } elseif ($asha_list[$i]['screeningclose']['screen_view_ratio'] < 50) { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Close&nbsp;Screen:&nbsp;</span><span class="text-warning"><span><?= $asha_list[$i]['screeningclose']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } else { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Close&nbsp;Screen:&nbsp;</span><span class="text-success"><span><?= $asha_list[$i]['screeningclose']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                        <?php
                                    }

                                     if ($asha_list[$i]['screening']['screen_view_ratio'] < 25) { ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Screen:&nbsp;</span><span class="text-danger"><span><?= $asha_list[$i]['screening']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } elseif ($asha_list[$i]['screening']['screen_view_ratio'] < 50) { ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Screen:&nbsp;</span><span class="text-warning"><span><?= $asha_list[$i]['screening']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } else { ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>Screen:&nbsp;</span><span class="text-success"><span><?= $asha_list[$i]['screening']['screen_view_ratio'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                        <?php
                                    }
                                    ?>
                                 </div>

                                <div class="row">
                                    <?php if ($asha_list[$i]['close_hrp'] < 25) { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>HRP&nbsp;Close:&nbsp;</span><span class="text-danger"><span><?= $asha_list[$i]['close_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } elseif ($asha_list[$i]['close_hrp'] < 50) { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>HRP&nbsp;Close:&nbsp;</span><span class="text-warning"><span><?= $asha_list[$i]['close_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } else { ?>
                                        <div class="col-lg-7"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Close pregnant woment hrp percentage last 6 month."><span>HRP&nbsp;Close:&nbsp;</span><span class="text-success"><span><?= $asha_list[$i]['close_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                        <?php
                                    }

                                    if ($asha_list[$i]['running_hrp'] < 25) {
                                        ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Running pregnant women HRP percentage."><span>HRP:&nbsp;</span><span class="text-danger"><?= $asha_list[$i]['running_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } elseif ($asha_list[$i]['running_hrp'] < 50) { ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Running pregnant women HRP percentage."><span>HRP:&nbsp;</span><span class="text-warning"><?= $asha_list[$i]['running_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php } else { ?>
                                        <div class="col-lg-5"><p class="text-left" data-placement="top" data-toggle="tooltip" title="Running pregnant women HRP percentage."><span>HRP:&nbsp;</span><span class="text-success"><?= $asha_list[$i]['running_hrp'] ?>&nbsp;<i class="fa fa-percent"></i></span></p></div>
                                    <?php }
                                    ?>



                                </div>
                                <hr style="margin-bottom: 0;margin-top: 0">
                                <hr style="margin-bottom: 10px;margin-top: 0">
                                <div class="row">
                                    <div class="col-lg-12"><p class="text-left" data-placement="top" data-toggle="tooltip" title=""><span><strong>Pregnant&nbsp;Women&nbsp;Status</strong></span></p></div>

                                </div>
                                <div class="row">
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Total Pregnant Running..<?= $asha_list[$i]['work']['pending'] + $asha_list[$i]['work']['done'] ?>"><span>Running:&nbsp;</span></p></div>
                                    <div class="col-lg-2"><p class="text-right"  data-placement="top" data-toggle="tooltip" title="Work 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 class="col-lg-2"><p class="text-left"  data-placement="top" data-toggle="tooltip" title="Work Done"><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-5"><p class="text-center" data-placement="top" data-toggle="tooltip" title="Total Women Pregnancy Close"><span>Close:&nbsp;</span><span class="text-info"><i class="fa fa-info" 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>

                                <div class="row">
                                    <div class="col-lg-2"><p><span>Status:&nbsp;</span></p></div>
                                    <div class="col-lg-2"><p class="text-center" data-placement="top" data-toggle="tooltip" title="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 class="col-lg-2"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Aborted"><span class="text-warning"><i class="fa fa-arrow-down" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['aborted'] ?></i></span></p></div>
                                    <div class="col-lg-2"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Migrate"><span class="text-warning"><i class="fa fa-arrow-right" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['migrated'] ?></i></span></p></div>
                                    <div class="col-lg-2"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Died"><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['died'] ?></i></span></p></div>
                                    <div class="col-lg-2"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="Other"><span class="text-info"><i class="fa fa-info" aria-hidden="true">&nbsp;<?= $asha_list[$i]['delivery_status']['other'] ?></i></span></p></div>
                                </div>
                                <hr style="margin-bottom: 0;margin-top: 0 ;color: red">
                                <hr style="margin-bottom: 0;margin-top: 0">

                                <!--                                <div class="row">
                                                                    <div class="col-lg-4"><p class="text-center"><span>Child:&nbsp;&nbsp;&nbsp;</span></p></div>
                                                                    <div class="col-lg-4"><p class="text-right"><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true">&nbsp;&nbsp;<?= 2 ?></i></span></p></div>
                                                                    <div class="col-lg-4"><p class="text-left"><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;&nbsp;<?= 1 ?></i></span></p></div>
                                                                </div>-->
                            </button>
                        </form>





                    </div>
                    <?php
                }
            }
            ?>




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




    </div>
</div>