@extends('front.layout')

@section('header')
<section class="content-header">
    <h1>
        Upload Route
    </h1>
    <ol class="breadcrumb">
        <li>Route</li>
        <li class="active">Upload Route</li>
    </ol>
</section>
@endsection

@section('content')
@include('front.wizard_step1-5')
<!--Download Sample-->
<div class="row mb-5">
	<div class="col-md-8 col-md-offset-2 text-right">
		<a id="btn_cancel_import" href="{{ url('sessionroute/downloadSample') }}" class="btn btn-success"><span class="fa fa-download"></span>  Download Sample</a>
	</div>
        <div class="col-sm-8 col-md-offset-2 mt15 mb15">
               <div id="tb-testimonial" class="testimonial testimonial-success">
                   <div class="testimonial-section">
                        This excel sheet is a sample only. Please replace the records with your own, while maintaing the format.<br>
                        <strong>Note:</strong> Never ever modify the first row.
                   </div>
               </div>
       </div>
</div>
<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <!-- Default box -->

        {!! Form::open(array('url' => url('sessionroute/step1'), 'method' => 'post','files'=>true)) !!}
        <div class="box">

            <div class="box-header with-border">
                <h3 class="box-title">Upload Excel sheet</h3>
            </div>
            <div class="box-body row">
                <div class="form-group col-md-12">
                    <label>Upload Excel</label>
                    <input type="file" id="excel_file_file_input" name="excel_file" accept=".xlsx" class="form-control">
                </div>
            </div><!-- /.box-body -->
            <div class="box-footer">
                <button id="nextRouteStep" type="submit" class="pull-right btn btn-success ladda-button" data-style="zoom-in"><span class="ladda-label">{{ trans('Next') }} <i class="fa fa-angle-right"></i></span></button>
                <!--a href="{{ url('company') }}" 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>
<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Company Status</h3>
            </div>
               <div class="box-body row">
                <div class="form-group col-md-12 status_code_main">
                    <ol>
                        <li><div class="color_code" style="background-color: {{$preference->active_color}};"></div><strong>Active </strong> </li>
                        <li><div class="color_code" style="background-color: {{$preference->potential_color}};"></div> <strong>Potential </strong> </li>
                        <li><div class="color_code" style="background-color: {{$preference->idle_color}};"></div> <strong>Idle </strong> </li>
                        <li><div class="color_code" style="background-color: {{$preference->reject_color}};"></div> <strong>Reject </strong> </li>
                        <li><div class="color_code" style="background-color: {{$preference->unclassified_color}};"></div> <strong>Unclassified </strong> </li>
                    </ol>
                </div>

            </div><!-- /.box-body -->
        </div><!-- /.box -->
    </div>
</div>

@endsection

@section('bootstrap-tour')
<script>
// Instance the tour
var stepsList = [
{
element: "#excel_file_file_input", // string (jQuery selector) - html element next to which the step popover should be shown
placement: 'left',
title: "Upload Routes", // string - title of the popover
content: "Please click here to upload your excel file of companies to visit.<br /><br />Please ensure that you have limited the amount of comanies for each city to 150 in this list.", // string - content of the popover
},
{
element: "#nextRouteStep", // string (jQuery selector) - html element next to which the step popover should be shown
placement: 'bottom',
title: "Next Step", // string - title of the popover
content: "Once you have uploaded your excel file of companies, Please click here to begin the route creation process.", // string - content of the popover
}
];

</script>

@endsection