<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{

    }


    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($anm_list) and $anm_list) {
                for ($i = 0; $i < count($anm_list); $i++) {
                    ?>
                    <div class="col-lg-3">
                        <form action="<?= base_url('anm-work-detail-hrp/1/' . $anm_list[$i]['create_region_id']) ?>" method="POST">
                            <button type="submit" value="<?= 1 ?>"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>ANM&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=""><?= $anm_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=""><?= $anm_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>Risk HRP </strong></span></p></div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-2"><p class="text-center" data-placement="top" data-toggle="tooltip" ><span class="text-info">HRP</span></p></div>
                                    <div class="col-lg-4"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="This risk hrp pending by the worker."><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<?= $anm_list[$i]['work_status_running']['pending'] ?></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="This risk hrp done by the worker."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['work_status_running']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="This risk hrp missed by the worker."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['work_status_running']['missed'] ?></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>ANC Status Running...</strong></span></p></div>
                                </div>
                                <div class="row">

                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC1 Pending....."><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<?= $anm_list[$i]['anc_status_running']['anc1_status']['pending'] ?></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC2 Pending....."><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<?= $anm_list[$i]['anc_status_running']['anc2_status']['pending'] ?></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC3 Pending....."><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true"></i><?= $anm_list[$i]['anc_status_running']['anc3_status']['pending'] ?></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC4 Pending....."><span class="text-warning"><i class="fa fa-clock-o" aria-hidden="true"></i><?= $anm_list[$i]['anc_status_running']['anc4_status']['pending'] ?></span></p></div>

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

                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC1 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc1_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC2 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc2_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC3 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc3_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC4 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc4_status']['done'] ?></i></span></p></div>

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

                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC1 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc1_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC2 Missed"><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc2_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC3 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc3_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC4 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_running']['anc4_status']['missed'] ?></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>ANC Status Close.</strong></span></p></div>
                                </div>

                                <div class="row">

                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC1 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc1_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC2 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc2_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC3 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc3_status']['done'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC4 Done."><span class="text-success"><i class="fa fa-check" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc4_status']['done'] ?></i></span></p></div>

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

                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC1 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc1_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC2 Missed"><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc2_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC3 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc3_status']['missed'] ?></i></span></p></div>
                                    <div class="col-lg-3"><p class="text-center"  data-placement="top" data-toggle="tooltip" title="ANC4 Missed."><span class="text-danger"><i class="fa fa-times" aria-hidden="true">&nbsp;<?= $anm_list[$i]['anc_status_close']['anc4_status']['missed'] ?></i></span></p></div>

                                </div>

                                <hr style="margin-bottom: 0px;margin-top: 0;">
                                <hr style="margin-bottom: 0px;margin-top: 0">
                            </button>
                        </form>

                    </div> 
                    <?php
                }
            }
            ?>
        </div>
        <div class="clearfix"></div>




    </div>
</div>