@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Pipeline Approval
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <meta name="_token" content="{{ csrf_token() }}">
    <link href="{{ asset('assets/vendors/bootstrap3-wysihtml5-bower/css/bootstrap3-wysihtml5.min.css') }}"
          rel="stylesheet" media="screen"/>
    <link href="{{ asset('assets/vendors/summernote/summernote.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/vendors/trumbowyg/css/trumbowyg.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/vendors/trumbowyg/css/trumbowyg.colors.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/pages/editor.css') }}" rel="stylesheet" type="text/css"/>

@stop

{{-- Page content --}}
@section('content')

    <section class="content-header">
        <h1>Pipeline Approval</h1>

    </section>
    <!--section ends-->
    <section class="content paddingleft_right15">
        <!--main content-->
        <div class="row">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div style="display: flex; justify-content: flex-start;"
                         class="text-muted bootstrap-admin-box-title editor-clr">
                        <div id="market_segment_leads">
                            <div id="market_segment_leads_btn"
                                    class="btn btn-orange @if($return_page == "market_segment_leads") is_active @endif
                                    @if($return_page == "commercial_managers") transparent_background @endif">Market
                                Segment
                                Leads
                            </div>
                        </div>
                        <div style="margin-left: 10px;" id="commercial_managers">
                            <div id="commercial_managers_btn"
                                    class="btn btn-orange @if($return_page == "market_segment_leads") transparent_background @endif
                                    @if($return_page == "commercial_managers") is_active @endif">
                                Commercial Managers
                            </div>
                        </div>
                    </div>
                </div>


                <div class="panel-body">
                    <div id="market_segment_leads_content"
                         class="table-responsive @if($return_page == "commercial_managers") hide @endif"
                         style="padding-top: 30px;">
                        <table class="table table-striped table-bordered table-responsive"
                               id="market_segment_leads_table" style="width: 100%;">
                            <thead>
                            <tr>
                                <th>Actions</th>
                                <th>Market Segment L2</th>
                                <th>Market Segment Lead</th>
                                <th>Update</th>
                                <th>User</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>

                    <div id="commercial_managers_content"
                         class="table-responsive @if($return_page == "market_segment_leads") hide @endif"
                         style="padding-top: 30px;">
                        <table class="table table-striped table-bordered table-responsive"
                               id="commercial_managers_table" style="width: 100%;">
                            <thead>
                            <tr>
                                <th>Actions</th>
                                <th>Plant</th>
                                <th>Commercial Manager</th>
                                <th>Update</th>
                                <th>User</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <div class="modal fade" id="delete_confirm" tabindex="-1" role="dialog" aria-labelledby="user_delete_confirm_title"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
    <!-- content -->
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script>
        var route_market_segment_leads_table = "{{route('admin.pipeline_approval.market_segment_leads')}}"
        var route_commercial_managers_table = "{{route('admin.pipeline_approval.commercial_managers')}}"
    </script>

    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/form_examples.js') }}"></script>
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}"
            type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/validation.js') }}" type="text/javascript"></script>

    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.js') }}"></script>

    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>

    <script type="text/javascript" src="{{ asset('assets/js/pages/pipeline_approval.js') }}"></script>

@stop