@extends('layouts.master')
@section('content')
<style>
  .table thead th {
    background-color: #f6f6f6;
  }

  ._cust_filter {
    width: 240px;
    float: left;
    padding-right: 10px;
    margin-bottom: 15px;
  }

  @media (max-width: 1280px) {
    ._cust_filter {
      width: 250px;
      float: left;
      padding-right: 10px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 1024px) {
    ._cust_filter {
      width: 220px;
      float: left;
      padding-right: 10px;
      margin-bottom: 15px;
    }
  }
</style>

<div class="row mt-2 mb-3">
  <div class="col-lg-6 col-md-6 col-sm-6">
    <h2 class="_head01">Secondary <span> Sales Management</span></h2>
  </div>
  <div class="col-lg-6 col-md-6 col-sm-6">
    <ol class="breadcrumb">
      <li><a href="#"><span>Secondary Sales</span></a></li>
      <li><span>Reports</span></li>
    </ol>
  </div>
</div>

<div class="row">
  <div class="col-lg-12">
    <div class="Product-Filter">
      <div class="row">
        <div class="col pr-0">
          <div class="CL-Product inputmonth"><i class="fa fa-calendar-alt"></i>
            <input type="text" id="datepicker" autocomplete="off"  class="form-control" placeholder="Chose Month">
          </div>
  
          <div class="_cust_filter">
            <div class="form-s2">
              <select class="form-control formselect" id="tsm_list" placeholder="Select TSM">
                <option value="0">Select TSM</option>
                @if(collect($tsm_list)->count()>0)
                @foreach($tsm_list as $tsm)
                @if($tsm_id)
               
                        <option value="{{$tsm->employee_id}}" {{$tsm_id == $tsm->employee_id ? "selected":""}}>{{$tsm->employee_first_name}} {{$tsm->employee_last_name}}</option>
                @else
                          <option value="{{$tsm->employee_id}}">{{$tsm->employee_first_name}} {{$tsm->employee_last_name}}</option>
                @endif
                @endforeach
                @endif
              </select>
            </div>
          </div>

          <div class="_cust_filter">
            <div class="form-s2">
              <select class="form-control formselect" id="distributors" placeholder="Select Distributor">
                <option value="0">Select Distributor</option>
                @if(collect($distributors)->count() > 0)
                @foreach($distributors as $distributor)
                <option value="{{$distributor->id}}" {{$distributor->id == $distributor_id ? "selected" : ""}}>{{$distributor->distributor_name}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>
          <button class="btn btn-primary m-0" id="search_order_bookers"> Search</button>

        </div>

      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    <div class="card">
      <div class="body">
        <table class="table table-hover dt-responsive nowrap" id="order_bookers" style="width:100%">
          <thead>
            <tr>
              <th>Month</th>
              <th>Order Booker</th>
              <th>Booked Qty</th>
              <th>Executed QTY</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>


      </div>
    </div>

  </div>


</div>
@endsection