@extends('backpack::layout')

@section('header')
<section class="content-header">
    <h1>
        Upload routes for <span>{{ $salesPerson->name }}</span>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url(config('backpack.base.route_prefix'), 'dashboard') }}">Admin</a></li>
        <li>{{$salesPerson->name}}</li>
        <li class="active">Upload Route</l    i>
    </ol>
</section>
@endsection

@section('content')
<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <!-- Default box -->

        <a href="{{ url('admin/salesperson') }}"><i class="fa fa-angle-double-left"></i> Back to all <span class="text-lowercase">Sales Person</span></a><br><br>


        {!! Form::open(array('method' => 'post', 'files'=>true, 'id' => 'uploadExcelForm')) !!}
        <div class="box">

            <div class="box-header with-border">
                <h3 class="box-title">Upload route</h3>
            </div>
            <div class="box-body row">
                <!-- load the view from the application if it exists, otherwise load the one in the package -->
                <div class="form-group col-md-12">
                    <label>{{ trans('Select .xlsx file') }}</label>
                    {!! Form::file('route_document',['accept' => '.xlsx', 'id'=>'upload-file-input']) !!}
                </div>                

            </div><!-- /.box-body -->
            <div class="box-footer">
                <button type="submit" id="submit-btn" class="btn btn-success ladda-button" data-style="zoom-in"><span class="ladda-label"><i class="fa fa-save"></i> {{ trans('Upload') }}</span></button>
                <a href="{{ url('admin/salesperson') }}" class="btn btn-default ladda-button" data-style="zoom-in"><span class="ladda-label">{{ trans('backpack::crud.cancel') }}</span></a>
            </div><!-- /.box-footer-->

        </div><!-- /.box -->
        {!! Form::close() !!}
    </div>
</div>

@section('after_scripts')

<script>

    // Put your script here that is only necessary for this page!
    $(document).ready(function () {
        $("#uploadExcelForm").submit(function (event) {            
            $('.pace-inactive').addClass('pace-active');            
            $('#submit-btn').prop('disabled', true);
            $('.pace-inactive').removeClass('pace-inactive');                        
        });
    });

</script>

<style type="text/css">
    .pace {
        -webkit-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;

        z-index: 2000;
        position: fixed;
        height: 90px;
        width: 90px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .pace.pace-inactive .pace-activity {
        display: none;
    }

    .pace .pace-activity {
        position: fixed;
        z-index: 2000;
        display: block;
        position: absolute;
        left: -30px;
        top: -30px;
        height: 90px;
        width: 90px;
        display: block;
        border-width: 30px;
        border-style: double;
        border-color: #29d transparent transparent;
        border-radius: 50%;

        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        -o-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

    .pace .pace-activity:before {
        //content: ' ';
        position: absolute;
        top: 10px;
        left: 10px;
        height: 50px;
        width: 50px;
        display: block;
        border-width: 10px;
        border-style: solid;
        border-color: #29d transparent transparent;
        border-radius: 50%;
    }

    @-webkit-keyframes spin {
        100% { -webkit-transform: rotate(359deg); }
    }

    @-moz-keyframes spin {
        100% { -moz-transform: rotate(359deg); }
    }

    @-o-keyframes spin {
        100% { -moz-transform: rotate(359deg); }
    }

    @keyframes spin {
        100% {  transform: rotate(359deg); }
    }
</style>

@endsection

@endsection