@extends('layout.master')
@section('content') 
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ url('home')}}">Home</a></li>
              <li class="breadcrumb-item"><a href="{{ url('marketvendor')}}">Market Vendors</a></li>
              <li class="breadcrumb-item"><a href="javascript:void(0)">Market Vendor Cards</a></li>
              
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
          
          <form action="{{url('marketvendorcards?vid='.$vid)}}" method="get">
        <div class="row">
            <div class="col-md-12">
                 <div class="callout callout-info">
              <h5><i class="fas fa-info"></i> Market Vendor Cards:</h5>
              List
            </div>
              <div class="card card-secondary">
              <div class="card-header">
                  <h2 class="card-title">Filter :</h2>
              </div>
              
              <!-- /.card-header -->
              <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                          <label for="exampleInputEmail1">Card Name</label>
                          <input type="text" class="form-control" name="card_number" value="{{old('card_number',$card_number)}}" >
                        </div>
                    </div>
                     
                    
                </div>
                
              </div>
              <div class="card-footer">
                  <div class="text-left">
                      <button type="submit" name="search" value="search" class="btn btn-primary btn-sm">
                          <img class="imgIconSize" src="{{ asset('theme/icon/filter.png') }}" alt="filter"/> Filter</button>
                  <a href="{{url('marketvendorcards?vid='.$vid)}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/clear.png') }}" alt="Clear"/> Clear</a>
                  <a href="{{url('marketvendor')}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/back.png') }}" alt="Back"/> Back</a>
                      <!--a href="{{url('marketvendor/create')}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/add.png') }}" alt="Add New MarketVendorCards"/> Add New Parking Area</a--->
                  </div>
                  <div class="text-right marginTopminus" >
                  <a href="{{url('export-marketvendorcard',['type'=>'CSV','vid'=>$vid])}}" class="btn  btn-sm exportButtonBorder">
                      <img class="imgIconSize" src="{{ asset('theme/icon/csv.png') }}" alt="CSV"/>CSV</a>
                  <a href="{{url('export-marketvendorcard',['type'=>'EXCEL','vid'=>$vid])}}" class="btn  btn-sm exportButtonBorder">
                      <img class="imgIconSize" src="{{ asset('theme/icon/excel.png') }}" alt="Excel"/>Excel</a>
                  <a href="{{url('marketvendorcard-pdf',['vid'=>$vid])}}" class="btn btn-sm exportButtonBorder">
                      <img class="imgIconSize" src="{{ asset('theme/icon/pdf.png') }}" alt="PDF"/> PDF</a>
                  </div>
                </div>
              <!-- /.card-body -->
            </div>  
            </div>
          <!-- /.col -->
          <div class="col-md-12">
            
            <!-- /.card -->

            <div class="card">
             
              <!-- /.card-header -->
              <div class="card-body">
                  <div class="card-header2">
                      <p class="pMargin">Total Cards : {{$totalMarketVendorCards}}</p>
                      <p class="pMargin">Total Active Cards : {{$totalActMarketVendorCards}}</p>
                      <p class="pMargin">Total Temp In-Active Cards : {{$totalInActMarketVendorCards}}</p>
                      <p class="pMargin">Total Permanently Blocked Cards : {{$totalInActPMarketVendorCards}}</p>
                  
              </div>
                <table class="table table-bordered">
                  <thead>
                    <tr class="tableHeader">
                      <th style="width: 10px">Count</th>
                        <th>Government Name</th>
                        <th>Card Number</th>                    
                        <th>Card Balance</th>
                        <th>Card Laser Balance</th>
                        <th>Card Expiry </th>
                        <th>Status</th>
                        <th>Action</th>                      
                    </tr>
                  </thead>
                  <tbody>