@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Members</h3>
              </div>

              
            </div>
            
            <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>Available Member Ids</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 id="datatable-responsive1" class="table table-bordered table-striped dataTable" cellspacing="0" width="100%" style="white-space: nowrap">
                      <thead>
                        <tr>
                            <th>SN</th>
                            <th>Member Type</th>
                            <th>Master Distributor</th>
                            <th>Distributor</th>
                            <th>Retailer</th>
                            <th>Status</th> 
                        </tr>
                      </thead>
                      <tbody>                                    
                        <tr>
                          <td>1</td>
                          <td>
                            @if($availMemberId->member_type_id == 1)
                              Super Distributor
                            @elseif($availMemberId->member_type_id == 2)
                              Master Distributor
                            @elseif($availMemberId->member_type_id == 3)
                              Distributor
                            @else
                              Retailer
                            @endif
                          </td>
                          <td>{{ $availMemberId->master_d }}</td>
                          <td>{{ $availMemberId->distributor }}</td>
                          <td>{{ $availMemberId->retailer }}</td>                
                          <td>{{ $availMemberId->status == 1?'Active':'Deactive' }}</td>                          
                        </tr>   
                      </tbody>
                      

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

            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Get Member Ids</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 id="datatable-responsive1" class="table table-bordered table-striped dataTable" cellspacing="0" width="100%" style="white-space: nowrap">
                      <thead>
                        <tr>
                            <th>SN</th>
                            <th>Parent Member Type</th>
                            <th>Child Member Type</th>
                            <th>Amount</th>
                            <th>No Of Id's</th>
              							<th>Status</th>              							
                            <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>  
                        @foreach($memberIdDetails as $key => $list)            
                        <tr>
                          <td>{{ $key+1 }}</td>
                          <td>
                            @if($list->parent_member_type_id == 1)
                              Super Distributor
                            @elseif($list->parent_member_type_id == 2)
                              Master Distributor
                            @elseif($list->parent_member_type_id == 3)
                              Distributor
                            @else
                              Retailer
                            @endif
                          </td>
                          <td>
                            @if($list->child_member_type_id == 1)
                              Super Distributor
                            @elseif($list->child_member_type_id == 2)
                              Master Distributor
                            @elseif($list->child_member_type_id == 3)
                              Distributor
                            @else
                              Retailer
                            @endif
                          </td>
                          <td>{{ $list->amount }}</td>
                          <td>{{ $list->no_of_ids }}</td>                
                          <td>{{ $list->status == 1?'Active':'Deactive' }}</td>
                          <td><a href="/members/payMemberId/{{ Auth()->user()->id }}/{{ $list->id }}" class="btn btn-success">Get Id</a></td>
                        </tr>      
                        @endforeach      
                      </tbody>
                      

                    </table>
					
					
                  </div>
                </div>
              </div>
            </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<style>
	.text-white a{
		color: #fff !important;
	}
  .fade:not(.show){
    opacity: 1;
  }
  .dt-buttons .btn-default {
    padding: 5px 15px;
    border-radius: 0.25rem;
    background: #169F85;;
    color: #fff;
    margin-right: 5px;
	
	}
	ul.pagination {
		margin:0px !important;
	}
  .table-responsive .table-bordered{
    border: 1px solid #dee2e6;
  }
</style>
@endsection