@extends('layouts.app')

@section('content')


    <div class="col-md-offset-2 col-md-8">
        <div class="panel">
            <!--Panel heading-->
            <div class="panel-heading">
                <h3 class="panel-title">{{ translate('Seller Sale Report') }}</h3>
                <form class=""  action="{{route('admin.seller_sales.export','admin')}}" method="GET">
                    <input type="text" name="daterange" value="" placeholder=" Select Date"  style="margin-right: 134px; float: right; margin-top: -28px;">
                    <h3 class="panel-title" style="float: right; margin-top: -35px;"><button type="submit" class="btn"><i class="fa fa-download" aria-hidden="true"></i>{{ translate('Payment report') }}</button></h3>
                </form>
            </div>

            <!--Panel body-->
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped mar-no demo-dt-basic">
                        <thead>
                            <tr>
                                <th>{{ translate('Seller Name') }}</th>
                                <th>{{ translate('Order ID') }}</th>
                                <th>{{ translate('Type of Sale') }}</th>
                                <th>{{ translate('Customer Name') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                                                   </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script type="text/javascript">
    $(function() {
      $('input[name="daterange"]').daterangepicker({
          autoUpdateInput: false,
          maxDate: new Date(),
          locale: {
              cancelLabel: 'Clear'
          }
      });

      $('input[name="daterange"]').on('apply.daterangepicker', function(ev, picker) {
          $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
      });

      $('input[name="daterange"]').on('cancel.daterangepicker', function(ev, picker) {
          $(this).val('');
      });

    });
</script>
@endsection