@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Hold Balance</h3>
              </div>

              
            </div>
            <a class="btn btn-success text-right" href="/setting/holdbalance_create">
                <i class="fa fa-plus" aria-hidden="true"></i> Add Hold Balance
            </a>    
            <div class="clearfix"></div>

            <div class="panel-body">
            
            </div>

           
            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Hold Balance <small>Details</small> </h2>
                    
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                      <div class="row">
                          <div class="col-sm-12">
                            <div class="card-box table-responsive">
                    
					
                     <table class="table table-bordered " id="memberPanel" style="white-space: nowrap">

                        <thead>
                            <tr>
                                <th>S. NO.</th>
                                <th>Member Type</th>
                                <th>Balance</th>
                                <th>Status</th>
                                <th>Action</th> 
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($holdbalance as $key => $list)
                        <tr>  
                            <td>{{$key+1}}</td>
                            <td>{{$list->name}}</td>
                            <td>{{$list->balance}}</td>
                            <td>
                            
                                @php
                                if($list->status=="1")
                                {
                                $status= "Active";
                                
                                }else {
                                $status= "Deactive";
                                
                                }
                                
                                @endphp
                                
                                {{$status}}
                            
                            </td>
                            <td><a href="" data-toggle="modal" data-target="#myModal" class="btn btn-danger">Delete</a></td>                         
                        </tr>
                        <!-- Modal -->
                            <div id="myModal" class="modal fade" role="dialog">
                            <div class="modal-dialog">

                                <!-- Modal content-->
                                <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <!-- <h4 class="modal-title">Modal Header</h4> -->
                                </div>
                                <div class="modal-body">
                                <h3>Are you sure delete this Hold Balance ?</h3>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                                    <a class="btn btn-danger" href="/setting/holdbalance_delete/{{$list->id}}">Yes</a>
                                </div>
                                </div>

                            </div>
                            </div>
                        @endforeach
                        </tbody>
                        

                    </table>
					
					
                  </div>
                </div>
              </div>
            </div>
            
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<style>
  .fade:not(.show){
    opacity: 1;
  }
</style>

@endsection