@extends('adminlte::page')

@section('title', $title)

@section('css')
    <style>
      .custom-control-label{
        cursor: pointer;
      }
    </style>
@stop

@section('content_header')
  <h1 class="page-title">{{@$title}}</h1>
@stop

@section('content')
@include('admin.includes.notification')
<div class="row">
  <div class="col-md-12">
    <!-- general form elements -->
    <div class="card card-primary">
      <div class="card-header">Import Sales Report</div>
      <!-- form start -->
      <form id="frm_sales_report" enctype='multipart/form-data' action="{{ route('sales.report.import') }}" method="post">
      @csrf     
        <div class="card-body">
          <div class="row">
            <div class="form-group col-4">
              <label>Month</label>
              <select name="month" id="month" class="form-control">
                <option value="">Select Month</option>
                <option value="jan">Jan</option>
                <option value="feb">Feb</option>
                <option value="mar">Mar</option>
                <option value="apr">Apr</option>
                <option value="may">May</option>
                <option value="jun">Jun</option>
                <option value="jul">Jul</option>
                <option value="aug">Aug</option>
                <option value="sep">Sep</option>
                <option value="oct">Oct</option>
                <option value="nov">Nov</option>
                <option value="dec">Dec</option>
              </select>
            </div>

            <div class="form-group col-4">
              <label>Year</label>
              <select name="year" id="year" class="form-control">
                <option value="">Select Year</option>
                <option value="{{ date('Y') - 1 }}">{{ date('Y') - 1 }}</option>
                <option value="{{ date('Y') }}">{{ date('Y') }}</option>
                <option value="{{ date('Y') + 1 }}">{{ date('Y') + 1 }}</option>
              </select>
            </div>

            <div class="form-group col-4">
              <!-- <label for="customFile">Custom File</label> -->
              <label>Import Sales Report</label>
              <div class="custom-file">
                <input type="file" class="custom-file-input js-import-btn" name="import" id="import">
                <label class="custom-file-label" for="import_user">Choose file</label>
              </div>
              <a href="{{ url('import-sample/sales_report.xlsx') }}" download><i class="fas fa-download"></i> Download Sample File</a>
            </div>
          </div>
        </div>
        <div class="card-footer">
          <button type="submit" class="btn btn-primary">Import</button>
        </div>
      </form>
    </div>
    <!-- /.card -->
  </div>
  <div class="col-md-12">
    <!-- general form elements -->
    <div class="card card-primary">
      <div class="card-header">Export Sales Report</div>
      <!-- form start -->
      <form id="frm_sales_report_export" enctype='multipart/form-data' action="{{ route('sales.report.export') }}" method="post">
      @csrf     
        <div class="card-body">
          <div class="row">
            <div class="form-group col-4">
              <label>Month</label>
              <select name="month" id="month" class="form-control">
                <option value="">Select Month</option>
                <option value="jan">Jan</option>
                <option value="feb">Feb</option>
                <option value="mar">Mar</option>
                <option value="apr">Apr</option>
                <option value="may">May</option>
                <option value="jun">Jun</option>
                <option value="jul">Jul</option>
                <option value="aug">Aug</option>
                <option value="sep">Sep</option>
                <option value="oct">Oct</option>
                <option value="nov">Nov</option>
                <option value="dec">Dec</option>
              </select>
            </div>

            <div class="form-group col-4">
              <label>Year</label>
              <select name="year" id="year" class="form-control">
                <option value="">Select Year</option>
                <option value="{{ date('Y') - 1 }}">{{ date('Y') - 1 }}</option>
                <option value="{{ date('Y') }}">{{ date('Y') }}</option>
                <option value="{{ date('Y') + 1 }}">{{ date('Y') + 1 }}</option>
              </select>
            </div>
          </div>
        </div>
        <div class="card-footer">
          <button type="submit" class="btn btn-primary">Export</button>
        </div>
      </form>
    </div>
    <!-- /.card -->
  </div>
</div>
@stop