@php
use Carbon\Carbon;
@endphp

<div class="row">
    <div class="col-lg-12">
        <div class="table-responsive">
            <table id="inactiveEligibleTable" class="table table-striped table-bordered" border="1pt solid ash" style="color:black; border-collapse: collapse;">
                <thead>
                    <tr>
                        <th width="7%">SL#</th>   
                        <th width="170px;">Branch</th>
                        <th width="85px">Action</th>                        
                    </tr>
                </thead>
                <tbody>
                    @php
                    $sl = 0;
                    @endphp
                    @foreach($branches as $id=>$branch)
                    @php
                    $sl++;
                    @endphp
                    <tr>
                        <td>{{$sl}}</td>
                        <td style="text-align: left; padding-left: 20px">{{$branch['nameWithCode']}}</td>
                        <td>
                            @if($branch['existence'] > 0)
                                <a href="javascript:;" class="delete" data-id="{{ $id }}">
                                    <span class="badge badge-secondary" style="cursor: pointer">Generate</span>
                                </a>
                            @else
                                <a href="javascript:;" class="delete" data-id="{{ $id }}">
                                    <span class="badge badge-danger" style="cursor: pointer">Generate</span>
                                </a>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div> 
</div> 

<style type="text/css">
    .fa-chevron-circle-right{
        font-size: 16px;
    }

</style>

<script type="text/javascript">
    $(document).ready(function(){
        $(".delete").click(function(event) {
            var id = $(this).data('id');
            var date = $('#date').val();
            // alert(date)
            $.ajax({
                url: './storeMemberInactiveEligibleProcess',
                type: 'POST',
                dataType: 'json',
                data: {id: id, date: date},
            })
            .done(function(data) {
                if (data.responseTitle=='Success!') {
                  toastr.success(data.responseText, data.responseTitle, opts);
                  
                  $('.delete[data-id="'+data.doneBranch+'"]').find('span').removeClass('badge-danger');                 
                  $('.delete[data-id="'+data.doneBranch+'"]').find('span').addClass('badge-secondary');                 
                }
                else if(data.responseTitle=='Warning!'){
                  toastr.warning(data.responseText, data.responseTitle, opts);   
                }
            })
            .fail(function() {
                alert("error");
            });            
        });
    })
    $("#loadingModal").hide();
</script>