@extends('layouts.master')

@section('headCss')
    <link href="{{asset('assets/stylesheets/jquery.bootstrap-touchspin.css')}}" rel="stylesheet"/>
@stop

@section('headJs')
    <script src="{{asset('assets/javascripts/bootstrap3-typeahead.js')}}"></script>
    <script src="{{asset('assets/javascripts/jquery.bootstrap-touchspin.js')}}"></script>
@stop

@section('navBar')
    @include('layouts.navBar')
@stop

@section('mainMenu')
    @include('layouts.mainMenu')
@stop

@section('content')
    <div id="demo-settings" class="col-xs-12">
        <a id="demo-settings-toggler" class="fa fa-pencil"></a>
        <h5 class="header">Quotation <span id="quotationProfileId"></span></h5>

        <div class="row" id="editPanel">
        </div>
    </div>

    <div id="quotationContentPage">

    </div>
@stop

@section('footerJs')
    <script type="text/javascript">

        var generateQuotationContentPage = function () {
            var generateQuotationContentPageUrl = '{{URL::action("QuotationController@generateQuotationContentPage")}}';
            $.post(generateQuotationContentPageUrl, {
                _token: '{{csrf_token()}}'
            }).done(function (data) {
                $('#quotationContentPage').html(data);
            }).fail(function (data) {
                new PNotify({
                    title: 'Reading Failed!',
                    text: '',
                    type: 'error',
                    icon: 'fa fa-times'
                });
            });
        };
        generateQuotationContentPage();

        @if(Auth::user()->hasRole(['Aims']))
        $("#aimsServiceProviderSelector").selectize({
            onChange: function (value) {
                switchClientServiceProvider(generateQuotationContentPage);
            }
        });
        $("#aimsClientSelector").selectize({
            onChange: function (value) {
                switchClientServiceProvider(generateQuotationContentPage);
            }
        });
        @endif
    </script>
@stop