@extends('layout.master')

@section('content')
 <section class="content pb-5">
  <div class="container-fluid">

    <div class="row pt-4">
      <div class="col-md-12">
        <div class="title-section">
          <p>LSP : Ops Management <a href="#"> <img src="images/excel-file.png"  alt=""> Export as Excel </a></p>
      </div>
  </div>

  <div class="col-md-12">
    <ul class="nav nav-tabs lsp-tabs" id="myTab" role="tablist">
      <li class="nav-item lsp-item">
        <a class="nav-link lsp-link active" id="pickup-tab" data-toggle="tab" href="#pickup" role="tab" aria-controls="pickup" aria-selected="true">Pending</a>
    </li>
    <li class="nav-item lsp-item">
        <a class="nav-link lsp-link" id="delivery-tab" data-toggle="tab" href="#delivery" role="tab" aria-controls="delivery" aria-selected="false">Delivered</a>
    </li>
    <li class="nav-item lsp-item">
        <a class="nav-link lsp-link" id="reverse-tab" data-toggle="tab" href="#reverse" role="tab" aria-controls="reverse" aria-selected="false">Lost/Damage</a>
    </li>
    <li class="nav-item lsp-item">
        <a class="nav-link lsp-link" id="lost-tab" data-toggle="tab" href="#lost" role="tab" aria-controls="lost" aria-selected="false">All</a>
    </li>
</ul>
<div class="tab-content lsp-tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="pickup" role="tabpanel" aria-labelledby="pickup-tab">

    <div class="row">
      <div class="col-md-2">
        <div class="form-group custom-form-group search-icon d-flex">
          <input class="form-control" placeholder="Search By AWB" type="text" value="">
          <span><img src="images/search-icon.svg" class="mt-2" alt=""></span>
      </div>                            
  </div>

  <div class="col-md-3">
    <div class="form-group custom-form-group search-icon d-flex">
      <select class="form-control">
        <option value="">Forward</option>
    </select>
</div>
</div>


<div class="col-md-12">
    <div class="table-responsive">
      <table class="table table-striped">
        <thead>
          <tr>
            <th scope="col">
              <input class="filled-in fill-check" name="group1" type="checkbox" id="active">
              <label for="active"></label>
          </th>
          <th scope="col"> Date <img src="images/calender-lsp.png" alt=""></th>
          <th scope="col">Awb No</th>
          <th scope="col">Order ID </th>
          <th scope="col">Forward Order No.</th>
          <th scope="col">Reverse Pickup Address</th>
          <th scope="col">Pickup Contact </th>
          <th scope="col">Pickup Pincode</th>
          <th scope="col">No. of items </th>
          <th scope="col">Reverse Reason </th>
      </tr>
  </thead>
  <tbody>
      <tr>
        <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active1">
          <label for="active1"></label></td>
          <td>1 April 2022, 12:00 AM</td>
          <td>323234</td>
          <td>343</td>
          <td>100100</td>
          <td> XYZ lane Ghaziabad UP-201014 </td>
          <td>9910365214 </td>
          <td>100100</td>
          <td> Black zipper -1 shoes reabock -1 Sports bag </td>
          <td>Can’t contacted</td>
      </tr>
      <tr>
          <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active2">
            <label for="active2"></label></td>
            <td>1 April 2022, 12:00 AM</td>
            <td>323234</td>
            <td>343</td>
            <td>100100</td>
            <td> XYZ lane Ghaziabad UP-201014 </td>
            <td>9910365214 </td>
            <td>100100</td>
            <td> Black zipper -1 shoes reabock -1 Sports bag </td>
            <td>Can’t contacted</td>
        </tr>
        <tr>
            <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active3">
              <label for="active3"></label></td>
              <td>1 April 2022, 12:00 AM</td>
              <td>323234</td>
              <td>343</td>
              <td>100100</td>
              <td> XYZ lane Ghaziabad UP-201014 </td>
              <td>9910365214 </td>
              <td>100100</td>
              <td> Black zipper -1 shoes reabock -1 Sports bag </td>
              <td>Can’t contacted</td>
          </tr>
          <tr>
              <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active4">
                <label for="active4"></label></td>
                <td>1 April 2022, 12:00 AM</td>
                <td>323234</td>
                <td>343</td>
                <td>100100</td>
                <td> XYZ lane Ghaziabad UP-201014 </td>
                <td>9910365214 </td>
                <td>100100</td>
                <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                <td>Can’t contacted</td>
            </tr>
            <tr>
                <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active5">
                  <label for="active5"></label></td>
                  <td>1 April 2022, 12:00 AM</td>
                  <td>323234</td>
                  <td>343</td>
                  <td>100100</td>
                  <td> XYZ lane Ghaziabad UP-201014 </td>
                  <td>9910365214 </td>
                  <td>100100</td>
                  <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                  <td>Can’t contacted</td>
              </tr>
              <tr>
                  <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active6">
                    <label for="active6"></label></td>
                    <td>1 April 2022, 12:00 AM</td>
                    <td>323234</td>
                    <td>343</td>
                    <td>100100</td>
                    <td> XYZ lane Ghaziabad UP-201014 </td>
                    <td>9910365214 </td>
                    <td>100100</td>
                    <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                    <td>Can’t contacted</td>
                </tr>
                <tr>
                    <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active7">
                      <label for="active7"></label></td>
                      <td>1 April 2022, 12:00 AM</td>
                      <td>323234</td>
                      <td>343</td>
                      <td>100100</td>
                      <td> XYZ lane Ghaziabad UP-201014 </td>
                      <td>9910365214 </td>
                      <td>100100</td>
                      <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                      <td>Can’t contacted</td>
                  </tr>
                  <tr>
                      <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active8">
                        <label for="active8"></label></td>
                        <td>1 April 2022, 12:00 AM</td>
                        <td>323234</td>
                        <td>343</td>
                        <td>100100</td>
                        <td> XYZ lane Ghaziabad UP-201014 </td>
                        <td>9910365214 </td>
                        <td>100100</td>
                        <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                        <td>Can’t contacted</td>
                    </tr>
                    <tr>
                        <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active9">
                          <label for="active9"></label></td>
                          <td>1 April 2022, 12:00 AM</td>
                          <td>323234</td>
                          <td>343</td>
                          <td>100100</td>
                          <td> XYZ lane Ghaziabad UP-201014 </td>
                          <td>9910365214 </td>
                          <td>100100</td>
                          <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                          <td>Can’t contacted</td>
                      </tr>
                      <tr>
                          <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active10">
                            <label for="active10"></label></td>
                            <td>1 April 2022, 12:00 AM</td>
                            <td>323234</td>
                            <td>343</td>
                            <td>100100</td>
                            <td> XYZ lane Ghaziabad UP-201014 </td>
                            <td>9910365214 </td>
                            <td>100100</td>
                            <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                            <td>Can’t contacted</td>
                        </tr>
                        <tr>
                            <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active11">
                              <label for="active11"></label></td>
                              <td>1 April 2022, 12:00 AM</td>
                              <td>323234</td>
                              <td>343</td>
                              <td>100100</td>
                              <td> XYZ lane Ghaziabad UP-201014 </td>
                              <td>9910365214 </td>
                              <td>100100</td>
                              <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                              <td>Can’t contacted</td>
                          </tr>
                          <tr>
                              <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active12">
                                <label for="active12"></label></td>
                                <td>1 April 2022, 12:00 AM</td>
                                <td>323234</td>
                                <td>343</td>
                                <td>100100</td>
                                <td> XYZ lane Ghaziabad UP-201014 </td>
                                <td>9910365214 </td>
                                <td>100100</td>
                                <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                                <td>Can’t contacted</td>
                            </tr>
                            <tr>
                                <td><input class="filled-in fill-check" name="group1" type="checkbox" id="active13">
                                  <label for="active13"></label></td>
                                  <td>1 April 2022, 12:00 AM</td>
                                  <td>323234</td>
                                  <td>343</td>
                                  <td>100100</td>
                                  <td> XYZ lane Ghaziabad UP-201014 </td>
                                  <td>9910365214 </td>
                                  <td>100100</td>
                                  <td> Black zipper -1 shoes reabock -1 Sports bag </td>
                                  <td>Can’t contacted</td>
                              </tr>
                          </tbody>
                      </table>

                  </div>


                  <div class="pagination_rounded">
                    <ul>
                      <li>
                        <a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
                    </li>
                    <li><a href="#" class="active">1</a> </li>
                    <li class="hidden-xs"><a href="#">2</a> </li>
                    <li class="hidden-xs"><a href="#">3</a> </li>
                    <li class="hidden-xs"><a href="#">4</a> </li>
                    <li>
                        <a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>

<div class="tab-pane fade" id="delivery" role="tabpanel" aria-labelledby="delivery-tab">
  dalksjdkaljdlksjdlaksjlda
</div>

<div class="tab-pane fade" id="reverse" role="tabpanel" aria-labelledby="reverse-tab">
  jasdhkajshdkjahkdsjhakskj
</div>

<div class="tab-pane fade" id="lost" role="tabpanel" aria-labelledby="lost-tab">
  jasdhkajshdkjahkdsjhakskj
</div>

</div>

</div>
</div>


</div>
</section>
@endsection