@extends('layout.localGov.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('gov-panel/home')}}">Home</a></li>
              <li class="breadcrumb-item"><a href="{{ url('gov-panel/markets')}}">Markets</a></li>
              
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
          
          <form action="{{url('gov-panel/markets')}}" method="get">
        <div class="row">
            <div class="col-md-12">
                 <div class="callout callout-info">
              <h5><i class="fas fa-info"></i> Markets</h5>
           
            </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">Market Name</label>
                          <input type="text" class="form-control" name="markert_name" value="{{old('markert_name')}}" >
                        </div>
                    </div>
                     
                    <div class="col-md-3">
                        <div class="form-group">
                          <label for="exampleInputEmail1">Market Code</label>
                          <input type="text" class="form-control" name="market_code" value="{{old('market_code')}}" >
                        </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('gov-panel/markets')}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/clear.png') }}" alt="Clear"/> Clear</a>
                  <a href="{{url('gov-panel/home')}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/back.png') }}" alt="Back"/> Back</a>

                      <a href="{{url('gov-panel/markets/create')}}" class="btn btn-primary btn-sm">
                      <img class="imgIconSize" src="{{ asset('theme/icon/add.png') }}" alt="Add New Location"/> Add New Market</a>
                  </div>
                  <div class="text-right marginTopminus" >
                  <a href="{{url('export-mainmarket',['type'=>'CSV'])}}" class="btn  btn-sm exportButtonBorder">
                      <img class="imgIconSize" src="{{ asset('theme/icon/csv.png') }}" alt="CSV"/> CSV</a>
                  <a href="{{url('export-mainmarket',['type'=>'EXCEL'])}}" class="btn  btn-sm exportButtonBorder">
                      <img class="imgIconSize" src="{{ asset('theme/icon/excel.png') }}" alt="Excel"/> Excel</a>
                  <a href="{{url('mainmarket-pdf')}}" 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 Markets : {{$totalLocation}}</p>
                      <p class="pMargin">Total Active Markets : {{$totalActLocation}}</p>
                      <p class="pMargin">Total In-Active Markets : {{$totalInActLocation}}</p> 
                  
              </div>
                <table class="table table-bordered">
                  <thead>
                    <tr class="tableHeader">
                      <th style="width: 10px">Count</th>
                      
                      <th>Market Name</th>
                      <th>Market Code</th>                                      
                      <th>Status</th>
                      <th>Action</th>                      
                    </tr>
                  </thead>
                  <tbody>     
                   <tbody>