@extends('admin.layouts.admin')
@section('title')
Admin | Charitable Organization Import
@endsection

@section('styles')
<link rel="stylesheet" href="{{ asset('plugins/datatables/dataTables.bootstrap4.css') }}">
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/css/bootstrap4-toggle.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/custom.button-switch.css') }}">
@endsection

@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">Import Charitable Organizations</h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="#">Campaigns</a></li>
          <li class="breadcrumb-item"><a href="#">Charitable Organization</a></li>
          <li class="breadcrumb-item active">Import</li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <!-- Small boxes (Stat box) -->        
    <!-- /.row -->

    <div class="row">
      <div class="col-md-10">
        <div class="card card-primary">

            @if ($errors->any())            
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
              
            <form action="{{route('run-import')}}" method="POST" enctype="multipart/form-data">
            @csrf              
              <div class="card-body">

                <div class="form-group {{ $errors->has('is_school') ? ' is-invalid' : '' }}">
                  <label for="exampleInputEmail1">Select Organization type <span class="text-danger">*</span></label>

                  <select class="form-control {{ $errors->has('is_school') ? ' is-invalid' : '' }}" name="is_school" >
                    <option value="">Select Organization type</option>                      
                    <option value="school" {!! old('is_school')=="school"?'selected="selected"':'' !!}>School</option>
                    <option value="other" {!! old('is_school')=="other"?'selected="selected"':'' !!}>Other Charitable Organization</option>
                    @if ($errors->has('is_school'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('is_school') }}</strong>
                        </span>
                    @endif
                  </select>
                  @if ($errors->has('is_school'))
                      <span class="form-control-feedback text-danger" role="alert">
                        <strong>{{ $errors->first('is_school') }}</strong>
                      </span>
                  @endif                    
                </div>
                                
                <div class="form-group {{ $errors->has('import_file') ? ' is-invalid' : '' }}">
                  <label for="exampleInputFile">Import Organization <span class="text-danger">*</span></label>
                  <div class="input-group">
                    <div class="custom-file mb-3">
                      <input type="file" class="custom-file-input {{ $errors->has('import_file') ? ' is-invalid' : '' }}" id="customFile" name="import_file" value="" placeholder="Choose file">
                      <label class="custom-file-label" for="customFile">Choose file</label>
                    </div>                      
                  </div>
                  @if ($errors->has('import_file'))
                      <span class="form-control-feedback text-danger" role="alert">
                        <strong>{{ $errors->first('import_file') }}</strong>
                      </span>
                  @endif 
                  <div>
                    <span class="text-danger">
                      <strong>Note: Please choose only csv, xlsx, xls file [size max. 2MB]</strong>
                    </span>
                  </div>
                  <div>
                    <span class="text-info">
                      <strong>Sample: </strong><u><a href="{{ asset('storage/files/school_organization.xlsx').'?s='.time() }}">school_organization.xlsx</a></u>
                    </span>
                  </div>                 
                </div>
                                  
              </div>
              <!-- /.card-body -->

              <div class="card-footer">
                <div class="row">
                  <div class="col-md-6 col-sm-12">
                    <a href="{{ url('admin/campaigns/charitable-organization/list') }}" class="btn btn-danger">Back</a>&nbsp;
                    <button type="submit" class="btn btn-primary submit-button">Submit</button>
                  </div>

                  <div class="col-md-6 col-sm-12">
                    <div class="row loader after-submit" style="display: none;">
                        <div class="col-md-12 text-left">    
                          <img style="width: 30px;" src="{{ asset('images/admin-loader.gif')}}">
                        </div>                            
                    </div>
                  </div>
                </div>                
              </div>
            </form>
        </div>          
          <!-- /.card -->
      </div>
        <!-- /.col -->
    </div> 

    @if (session()->has('msg'))
    <div class="alert alert-info">
      {{ session('msg') }}
    </div>
    @endif    

  </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection

@section('scripts')
<script type="text/javascript">
// Add the following code if you want the name of the file appear on select
$(".custom-file-input").on("change", function() {
  var fileName = $(this).val().split("\\").pop();
  $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
});

$(".submit-button").on("click", function(e){
  $(this).hide();
  $('div.after-submit.loader').show();
  $('form').submit();
});

</script>

@endsection