@extends('admin.layout.base')
@section('title', 'Upload CSV ')
@section('content')
<div class="content-area py-1">
<div class="container-fluid">
  <div class="row bg-title">
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">@lang('admin.upload_csv')</h4>
        <h5>ddsfasdfdas</h5>
    </div>
  </div>
  <form class="form-horizontal" action="{{route('admin.uploadcsv')}}" method="POST" enctype="multipart/form-data" role="form">
    {{csrf_field()}}
    <div class="form-group row">
      <label for="promo_code" class="col-xs-2 col-form-label">CSV *</label>
      <div class="col-xs-6">
        <input class="form-control" autocomplete="off" type="file" name="csv_file" id="csv_file" required>
        <span style="color: red" id="alertSpan"></span>
      </div>
    </div>
    <div class="form-group row">
      <label for="zipcode" class="col-xs-2 col-form-label"></label>
      <div class="col-xs-6">
        <button type="submit" name="submit" class="btn btn-success"> <i class="fa fa-check"></i> @lang('admin.upload_csv')</button>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-inverse waves-effect waves-light">@lang('admin.member.cancel')</a>
      </div>
    </div>
  </form>
</div>
@endsection
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js"></script>
<script type="text/javascript" src="{{url('main/vendor/chartist/chartist.min.js')}}"></script>
<script type="text/javascript" src="{{url('main/vendor/raphael/raphael.min.js')}}"></script>
<script type="text/javascript" src="{{url('main/vendor/morris/morris.min.js')}}"></script>
<script>
  $("#csv_file").change(function () {
    var fileExtension = ['csv'];
    if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
      $('#alertSpan').text("Only format is allowed : "+fileExtension.join(', '));
      $("#csv_file").val('');
    }else{
      $('#alertSpan').text('');
    }
  });
</script>
@endsection