@extends('admin.layout.main')
@section('title',$header['title'])
@section('content')
<style>
  .form-item input.is-valids+label {
      font-size: 11px;
      top: -5px;
    }
</style>
      <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-4 mt-2">
            <div class="col-sm-12 align-items-center d-flex breadcrumb-style">
              <h1 class="m-0">Order Challan</h1>
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard </a></li>
                <li class="breadcrumb-item active">Order Challans</li>
              </ol>
              
            </div><!-- /.col -->

          </div><!-- /.row -->
        </div><!-- /.container-fluid -->
      </div>
      <!-- /.content-header -->

      <!-- Main content -->
      <section class="content">
        <div class="container-fluid">
          <!-- Info boxes -->
          <div class="row">
            <div class="card pb-3 pt-3 px-3 w-100">
              <div class="discount">
                <div class="grid-list-head py-2">
                  <h3 class="mt-2 mb-0">Order Challan List</h3>
                  <div class="gridlist-icons">
                    <div class="filter grid-icon-top" title="Filter">
                      <a data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false"
                        aria-controls="collapseExample">
                        <svg fill="#fff" width="26px" height="26px" viewBox="0 0 24 24" version="1"
                          xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M19 6h-14c-1.1 0-1.4.6-.6 1.4l4.2 4.2c.8.8 1.4 2.3 1.4 3.4v5l4-2v-3.5c0-.8.6-2.1 1.4-2.9l4.2-4.2c.8-.8.5-1.4-.6-1.4z" />
                        </svg>
                      </a>

                    </div>


                  </div>
                  <!-- collapse -->
                  <div class="collapse filter-collapse w-100" id="collapseExample">
                  <form autocomplete="off" id="filter" method="GET" action="{{route('order-challan.index')}}">
                    <div class="card-filter card-body w-100 mt-3">
                      <div class="row">
                        <div class="col-md-9">
                          <div class="row">
                            <div class="col-md-4 filter-form">
                            <div class="form-item form-float-style serach-rem">
                                <div class="select top-space-rem after-drp form-float-style ">
                                <select data-live-search="true" id="SelExample" name="user_type" class="selectpicker select-text height_drp is-valid">
                                    <option value="" selected>Select User Type</option>
                                    <option @if(@$_GET['user_type'] == "dealer") selected="selected" @endif value="dealer">Dealer</option>
                                    <option @if(@$_GET['user_type'] == "exclusive_dealer") selected="selected" @endif value="exclusive_dealer">Exclusive Dealer</option>                                    
                                    <option @if(@$_GET['user_type'] == "channel_partne") selected="selected" @endif value="confirmed">Channel Partne</option>                                    
                                    <option @if(@$_GET['user_type'] == "distributor") selected="selected" @endif value="distributor">Distributor</option>
                                </select>
                                  <label class="select-label searchable-drp">User Type</label>
                                </div>
                              </div>

                            </div>
                            <div class="col-md-4 filter-from">
                              <div class="form-item form-float-style">
                                <input type="text" class="is-valid" id="fname" autocomplete="off" name="person_name" value="{{@$_GET['person_name']}}">
                                <label for="fname">Full Name</label>
                              </div>
                            </div>
                            <div class="col-md-4 filter-from">
                              <div class="form-item form-float-style">
                                <input type="text" class="is-valid" id="mnumber" autocomplete="off" name="person_mobile" value="{{@$_GET['person_mobile']}}">
                                <label for="mnumber">Mobile Number</label>
                              </div>
                            </div>
                            <div class="col-md-4 filter-from">
                              <div class="form-item form-float-style">
                                <input type="text" id="oid" autocomplete="off" name="order_number" value="{{@$_GET['order_number']}}" class="is-valid">
                                <label for="oid">Order Id</label>
                              </div>
                            </div>
                            <div class="col-md-4 filter-from">
                              <div class="form-item form-float-style">
                                <input type="text" class="datepicker is-valids" placeholder="DD/MM/YYYY" autocomplete="off" class="is-valid" name="from_date" value="{{@$_GET['from_date']}}">
                                <label for="datepicker">From Date</label>
                              </div>
                            </div>
                            <div class="col-md-4 filter-from">
                              <div class="form-item form-float-style">
                                <input type="text" class="datepicker is-valids" placeholder="DD/MM/YYYY" autocomplete="off" class="is-valid" name="to_date" value="{{@$_GET['to_date']}}">
                                <label for="todate">To Date</label>
                              </div>
                            </div>
                            <div class="col-md-4 filter-form">
                            <div class="form-item form-float-style serach-rem">
                                <div class="select top-space-rem after-drp form-float-style ">
                                    <select data-live-search="true" id="slect_finish" name="per_page" class="order-td-input selectpicker select-text height_drp is-valid">
                                        <option value="" selected disabled>Select Per Page</option>
                                        <option @if($appliedFilter['per_page'] == 5) selected="selected" @endif value="5">5</option>
                                        <option @if($appliedFilter['per_page'] == 10) selected="selected" @endif value="10">10</option>                                    
                                        <option @if($appliedFilter['per_page'] == 15) selected="selected" @endif value="15">15</option>                                    
                                        <option @if($appliedFilter['per_page'] == 20) selected="selected" @endif value="20">20</option>                                    
                                        <option @if($appliedFilter['per_page'] == 25) selected="selected" @endif value="25">25</option>                                    
                                        <option @if($appliedFilter['per_page'] == 50) selected="selected" @endif value="50">50</option>                                    
                                        <option @if($appliedFilter['per_page'] == 100) selected="selected" @endif value="100">100</option>
                                    </select>
                                  <label class="select-label searchable-drp">@lang('order.perPageData')</label>

                                </div>                        
                            </div>
                            </div>
                            <div class="col-md-4 filter-form">
                            <div class="form-item form-float-style serach-rem">
                                  <div class="select top-space-rem after-drp form-float-style ">

                                  <select data-live-search="true" id="SelExample" name="order_status" class="selectpicker select-text height_drp is-valid">
                                      <option value="" selected>Select Order Status</option>
                                      <option @if(@$_GET['order_status'] == "pending") selected="selected" @endif value="pending">Pending</option>
                                      <option @if(@$_GET['order_status'] == "modified") selected="selected" @endif value="modified">Modified</option>                                    
                                      <option @if(@$_GET['order_status'] == "confirmed") selected="selected" @endif value="confirmed">Confirmed</option>                                    
                                      <option @if(@$_GET['order_status'] == "verified") selected="selected" @endif value="verified">Verified</option>                                    
                                      <option @if(@$_GET['order_status'] == "dispatched") selected="selected" @endif value="dispatched">Dispatched</option>                                    
                                      <option @if(@$_GET['order_status'] == "cancelled") selected="selected" @endif value="cancelled">Cancelled</option>
                                  </select>
                                  <label class="select-label searchable-drp">Status</label>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-3 filter-buttons">
                        <button type="submit" class="submit-filter filter-btm-btn" title="Apply">
                              <a href="">
                                  <svg fill="#ffffff" width="17" height="17" viewBox="0 0 448 512">
                                  <path
                                      d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z" />
                                  </svg>

                              </a>
                          </button>
                        <div class="refress-filter filter-btm-btn" title="Refresh">
                          <a href="{{ route('order-challan.index') }}">
                            <svg fill="#ffffff" width="17" height="17" viewBox="0 0 512 512">
                              <path
                                d="M464 16c-17.67 0-32 14.31-32 32v74.09C392.1 66.52 327.4 32 256 32C161.5 32 78.59 92.34 49.58 182.2c-5.438 16.81 3.797 34.88 20.61 40.28c16.89 5.5 34.88-3.812 40.3-20.59C130.9 138.5 189.4 96 256 96c50.5 0 96.26 24.55 124.4 64H336c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32V48C496 30.31 481.7 16 464 16zM441.8 289.6c-16.92-5.438-34.88 3.812-40.3 20.59C381.1 373.5 322.6 416 256 416c-50.5 0-96.25-24.55-124.4-64H176c17.67 0 32-14.31 32-32s-14.33-32-32-32h-128c-17.67 0-32 14.31-32 32v144c0 17.69 14.33 32 32 32s32-14.31 32-32v-74.09C119.9 445.5 184.6 480 255.1 480c94.45 0 177.4-60.34 206.4-150.2C467.9 313 458.6 294.1 441.8 289.6z" />
                            </svg>
                          </a>
                        </div>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>

                <div class="row mt-3">
                  <div class="col-12">
                    <div class="table-card">
                      <!-- /.card-header -->
                      <div class="card-body table-radius table-responsive p-0">
                        <table class="table table-head-fixed text-nowrap">
                          <thead class="td-data-color">
                            <tr>
                              
                              <th class="no-data-list"> <span>Sr. No. </span></th>
                              <th class="no-data-list">Order ID <a href="{{Request::url().$queryStringConcat}}&order_by=order_id&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>
                              <th>User Type <a href="{{Request::url().$queryStringConcat}}&order_by=user_type&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>
                              <th>Full Name <a href="{{Request::url().$queryStringConcat}}&order_by=name&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>                             
                              <th class="no-data-list">Mobile Number <a href="{{Request::url().$queryStringConcat}}&order_by=person_mobile&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>

                              <th>Order Date <a href="{{Request::url().$queryStringConcat}}&order_by=created_at&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>
                              <th>Modified Date <a href="{{Request::url().$queryStringConcat}}&order_by=updated_at&sorting={{($appliedFilter['sorting']=='desc') ? 'asc' : 'desc'}}"><svg width="12" height="12" fill="#ffffff"
                                    shape-rendering="geometricPrecision" text-rendering="geometricPrecision"
                                    image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
                                    viewBox="0 0 322 511.21">
                                    <path fill-rule="nonzero"
                                      d="M295.27 211.54H26.71c-6.23-.02-12.48-2.18-17.54-6.58-11.12-9.69-12.29-26.57-2.61-37.69L144.3 9.16c.95-1.07 1.99-2.1 3.13-3.03 11.36-9.4 28.19-7.81 37.58 3.55l129.97 157.07a26.65 26.65 0 0 1 7.02 18.06c0 14.76-11.97 26.73-26.73 26.73zM26.71 299.68l268.56-.01c14.76 0 26.73 11.97 26.73 26.73 0 6.96-2.66 13.3-7.02 18.06L185.01 501.53c-9.39 11.36-26.22 12.95-37.58 3.55-1.14-.93-2.18-1.96-3.13-3.03L6.56 343.94c-9.68-11.12-8.51-28 2.61-37.69 5.06-4.4 11.31-6.56 17.54-6.57z" />
                                  </svg></a></th>
                              <th>Status</th>
                              <th>Action</th>
                            </tr>
                          </thead>
                          <tbody class="td-data-color">
                          @forelse($orderData as $key=>$data)
                            <tr>
                              
                              <td class="no-data-list">
                                {{++$i}}
                              </td>
                              <td class="no-data-list">
                                {{$data['invoice_number']}}

                              </td>
                              <td>
                                {{$data['user_type_text']}}
                              </td>
                              <td>
                                {{$data['person_name']}}
                              </td>
                              <td class="no-data-list">
                                {{$data['person_mobile']}}
                              </td>
                              <td>
                                {{$data['order_date_formated']}} {{$data['order_time_formated']}}
                              </td>
                              <td>
                                {{$data['updated_date_formated']}} {{$data['updated_time_formated']}}
                              </td>
                              
                              <td>
                              {{$data['order_status_text']}}
                              </td>
                              <td class="table-action">
                                <span>
                                  <a href="{{ route('order-challan.show',$data['id']) }}" title="View">
                                    <?xml version="1.0" encoding="utf-8"?><svg version="1.1" fill="#2188ef" id="Layer_1"
                                      width="20" height="20" x="0px" y="0px" viewBox="0 0 122.88 83.78"
                                      style="enable-background:new 0 0 122.88 83.78" xml:space="preserve">
                                      <g>
                                        <path
                                          d="M95.73,10.81c10.53,7.09,19.6,17.37,26.48,29.86l0.67,1.22l-0.67,1.21c-6.88,12.49-15.96,22.77-26.48,29.86 C85.46,79.88,73.8,83.78,61.44,83.78c-12.36,0-24.02-3.9-34.28-10.81C16.62,65.87,7.55,55.59,0.67,43.1L0,41.89l0.67-1.22 c6.88-12.49,15.95-22.77,26.48-29.86C37.42,3.9,49.08,0,61.44,0C73.8,0,85.45,3.9,95.73,10.81L95.73,10.81z M60.79,22.17l4.08,0.39 c-1.45,2.18-2.31,4.82-2.31,7.67c0,7.48,5.86,13.54,13.1,13.54c2.32,0,4.5-0.62,6.39-1.72c0.03,0.47,0.05,0.94,0.05,1.42 c0,11.77-9.54,21.31-21.31,21.31c-11.77,0-21.31-9.54-21.31-21.31C39.48,31.71,49.02,22.17,60.79,22.17L60.79,22.17L60.79,22.17z M109,41.89c-5.5-9.66-12.61-17.6-20.79-23.11c-8.05-5.42-17.15-8.48-26.77-8.48c-9.61,0-18.71,3.06-26.76,8.48 c-8.18,5.51-15.29,13.45-20.8,23.11c5.5,9.66,12.62,17.6,20.8,23.1c8.05,5.42,17.15,8.48,26.76,8.48c9.62,0,18.71-3.06,26.77-8.48 C96.39,59.49,103.5,51.55,109,41.89L109,41.89z" />
                                      </g>
                                    </svg>
                                  </a></span>
                                  
                              </td>
                            </tr>
 
                            @endforeach
                            @if($orderData)
                                @if($orderData->isEmpty())
                                <tr>
                                    <td colspan="12" style="text-align: center;">No Record Found</td>
                                </tr>
                                @endif
                            @endif

                          </tbody>
                        </table>

                      </div>
                      @if($orderData)
                        <nav class="pagination-grid" aria-label="Page  navigation example">
                          <ul class="pagination">