@extends('admin/layouts/default')

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

{{-- page level styles --}}
@section('header_styles')
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>

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




    <!--section ends-->
    <section class="content">
        <!--main content-->

        <!--section starts-->


        <div class="panel panel-info">
            <section class="content-header">
                <div class="panel-heading  clearfix">
                    <h3 class="panel-title">
                        <i class="fa fa-fw fa-th"></i> Opportunity List
                    </h3>
                    <span class="pull-right">
                            <a href="{{ route('admin.opportunity_new') }}" type="button" class="btn btn-primary btn-sm"
                               id="addButton" style="border: 1px solid #fff;">
                                Add New Opportunity</a>
                                </span>
                </div>
            </section>
            @include("admin.layouts.pipeline.opportunity_list")

        </div>


        <!--main content ends--> </section>
    <!-- content -->

    <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>
@stop

{{-- page level scripts --}}
@section('footer_scripts')

    @if(isset($_GET['opp_name']))
        <script>
            var opportunity_name_search_value = "{{$_GET['opp_name']}}";
            console.log(opportunity_name_search_value);
        </script>
    @endif

    <script>
        var route_data = "{{route('admin.opportunity_list_data')}}";
        var show_export = "{{\App\Models\Role_Permission::hasExportPermission()}}";
        var change_opportunity_approval_status = "{{route('admin.change_opportunity_approval_status')}}";
        {{--var is_sales_lead = Boolean("{{$is_sales_lead}}");--}}
        {{--var is_commercial_manager = Boolean("{{$is_commercial_manager}}");--}}
        var opportunity_status_approved = "{{\App\Models\Pipeline_Input_Mask_Approval_Status::COLOR_GREEN}}";
        {{--var can_approve_sales_lead ="{{json_encode($can_approve_sales_lead)}}";--}}
        {{--var can_approve_commercial_manager ="{{json_encode($can_approve_commercial_manager)}}";--}}
        var template_id = {!! json_encode($template_id) !!};
        var planning_type = {!! json_encode($planning_type) !!};
    </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/v/dt/dt-1.10.18/datatables.min.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>
        $(function () {
            $('body').on('hidden.bs.modal', '.modal', function () {
                $(this).removeData('bs.modal');
            });
        });
    </script>



    <script language="javascript" type="text/javascript"
            src="{{ asset('assets/js/pages/opportunity_list_table.js') }}"></script>
    <script language="javascript" type="text/javascript"
            src="{{asset('assets/js/pages/opportunity_approval.js')}}"></script>
    {{--    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/export_chart.js') }}"></script>--}}

@stop