@extends('front.layout')

@section('after_styles')
<!-- DATA TABLES -->
<link href="{{ asset('vendor/adminlte/plugins/datatables/dataTables.bootstrap.css') }}" rel="stylesheet" type="text/css" />

@endsection
@section('header')
<section class="content-header">
    <h3 class="gray-header">Routes List</h3>

</section>
@endsection

@section('content')
<!-- Default box -->
<div class="box">
    <div class="box-header with-border">
        <a href="{{url('sessionroute/step1')}}" id="uploadRouteButton" class="btn btn-primary ladda-button" data-style="zoom-in"><span class="ladda-label"><i class="fa fa-upload"></i> Upload Routes</span></a>
        <div id="datatable_button_stack" class="pull-right text-right">
        </div>
    </div>
    <div class="box-body">
        <table id="crudTable" class="table dataTable table-bordered table-striped display full-width">
            <thead>
                <tr>
                    <th class="lft-text">Session</th>
                    <th class="lft-text">Action</th>
                </tr>
            </thead>
            <tbody>
                            </tbody>
            <tfoot>
                <tr>
                    <th class="lft-text">Session</th>
                    <th class="lft-text">Action</th>
                </tr>
            </tfoot>
        </table>
    </div><!-- /.box-body -->
</div><!-- /.box -->
@endsection

@section('bootstrap-tour')
<script>
// Instance the tour
var stepsList = [
{
element: "#uploadRouteButton", // string (jQuery selector) - html element next to which the step popover should be shown
placement: 'right',
title: "Upload Routes", // string - title of the popover
content: "Please click here to bulk upload your excel file of companies to visit", // string - content of the popover
}
];

</script>

@endsection