alnutile/default.blade.php

## default.blade.php
<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Fop</title>

    @include('shared.assets_css')

</head>

<body>
    <toaster-container></toaster-container>
    @if(!Auth::guest())
        <?php $profile = Auth::user(); ?>
    @endif


        <div id="wrapper">
            <div>
                @include('shared.side_nav')
            </div>

            <div id="page-wrapper" class="gray-bg">
                @include('shared.top_nav')

                <div class="wrapper wrapper-content">
                    @include('messages')

                    @yield('content')
                </div>

            </div>

        </div>


    @include('shared.assets_js')
</body>
</html>

## partial.blade.php
@extends('layouts.default')

@section('content')

    <div ng-controller="ApiDocsController as vm">
        <div class="page-header">
            <h1>API Help</h1>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="wrapper wrapper-content animated fadeInRight">
                    <div class="ibox-content">
                        {!! $webhooks !!}

                        <div class="row">
                            <div class="col-lg-12">

                                <h2>Interact with Webhooks</h2>
                                <button class="btn btn-success" ng-click="vm.seePostPayload()">
                                    Click to see POST payload from Event "\App\Events\CampaignMadeActive"
                                </button>
                                <button class="btn btn-default" ng-click="vm.clearExampleEvent()">Clear Results</button>
                            </div>
                            <div class="col-lg-12">
                                <hr>
                                <div class="well">
                                    <p ng-if="!vm.example_event">
                                        Results will show here
                                    </p>
                                    <pre>@{{ vm.example_event | json }}</pre>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <button class="btn btn-success" ng-click="vm.seeEventMetaMaster()">
                                    Click to see POST payload from Event "\App\Events\MetaMasterListener"
                                </button>
                                <button class="btn btn-default" ng-click="vm.clearEventMetaMaster()">Clear Results</button>
                            </div>
                            <div class="col-lg-12">
                                <hr>

                                <div class="well">
                                    <p ng-if="!vm.example_meta_master">
                                        Results will show here
                                    </p>
                                    <pre>@{{ vm.example_meta_master | json }}</pre>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="wrapper wrapper-content animated fadeInRight">
                    <div class="ibox-content">
                        {!! $api !!}

                        <div class="row">
                            <div class="col-lg-12">
                                <h3>Example using the Campaign and Campaign ID</h3>
                                <p>
                                    {{ $url }}/@{{ vm.campaign_get_api }}
                                </p>
                                <form>
                                    <div class="form-group">
                                        <select class="form-control" ng-change="vm.changeCampaignId()" name="campaigns" ng-model="vm.campaign"
                                                ng-options="campaign.id as campaign.name for campaign in vm.campaigns"    >

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-success" ng-click="vm.getCampaignResults()">
                                            Click to see GET results when you query the API
                                        </button>
                                        <button class="btn btn-default" ng-click="vm.getCampResults()">Clear Results</button>
                                    </div>
                                </form>
                            </div>
                            <hr>
                            <div class="col-lg-12">
                                <div class="well">
                                    <p ng-if="!vm.get_campaign_results">
                                        Results will show here
                                    </p>
                                    <pre>@{{ vm.get_campaign_results | json }}</pre>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <h3>Example Using Filters in your Query</h3>
                                <p>
                                    {{ $url }}/@{{ vm.campaign_query_api }}
                                </p>
                                <form name="vm.campaign_filters">
                                    <div class="form-group">
                                        <label for="folders">
                                            Choose a Marketo ID to Get Campaigns
                                        </label>
                                        <select class="form-control"
                                                name="folders"
                                                ng-change="vm.addMarketoIdToQuery()"
                                                ng-model="vm.campaign_filters.marketo_folder_id"
                                                ng-options="folder.marketo_folder_id as folder.marketo_folder_name for folder in vm.folders"
                                                >
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label for="folders">
                                            Choose a Folder Name to Get Campaigns
                                        </label>
                                        <select class="form-control"
                                                name="folder_name"
                                                ng-change="vm.addMarketoFolderNameToQuery()"
                                                ng-model="vm.campaign_filters.marketo_folder_name"
                                                ng-options="folder.marketo_folder_name as folder.marketo_folder_name for folder in vm.folders"
                                                >
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <button class="btn btn-success" ng-click="vm.getCampResultsViaFilters()">
                                            Click to see GET results when you query the API
                                        </button>
                                        <button class="btn btn-default" ng-click="vm.clearGetCampResultsViaFilters()">Clear Results</button>
                                    </div>
                                </form>

                            </div>
                            <hr>
                            <div class="col-lg-12">
                                <div class="well">
                                    <p ng-if="!vm.get_campaign_results_via_filters">
                                        Results will show here
                                    </p>
                                    <pre>@{{ vm.get_campaign_results_via_filters | json }}</pre>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection
	<!DOCTYPE html>
	<html ng-app="app">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>Fop</title>

	@include('shared.assets_css')

	</head>

	<body>
	<toaster-container></toaster-container>
	@if(!Auth::guest())
	<?php $profile = Auth::user(); ?>
	@endif



	<div id="wrapper">
	<div>
	@include('shared.side_nav')
	</div>

	<div id="page-wrapper" class="gray-bg">
	@include('shared.top_nav')

	<div class="wrapper wrapper-content">
	@include('messages')

	@yield('content')
	</div>

	</div>

	</div>


	@include('shared.assets_js')
	</body>
	</html>
	@extends('layouts.default')

	@section('content')

	<div ng-controller="ApiDocsController as vm">
	<div class="page-header">
	<h1>API Help</h1>
	</div>

	<div class="row">
	<div class="col-lg-12">
	<div class="wrapper wrapper-content animated fadeInRight">
	<div class="ibox-content">
	{!! $webhooks !!}

	<div class="row">
	<div class="col-lg-12">

	<h2>Interact with Webhooks</h2>
	<button class="btn btn-success" ng-click="vm.seePostPayload()">
	Click to see POST payload from Event "\App\Events\CampaignMadeActive"
	</button>
	<button class="btn btn-default" ng-click="vm.clearExampleEvent()">Clear Results</button>
	</div>
	<div class="col-lg-12">
	<hr>
	<div class="well">
	<p ng-if="!vm.example_event">
	Results will show here
	</p>
	<pre>@{{ vm.example_event \| json }}</pre>
	</div>
	</div>
	</div>

	<div class="row">
	<div class="col-lg-12">
	<button class="btn btn-success" ng-click="vm.seeEventMetaMaster()">
	Click to see POST payload from Event "\App\Events\MetaMasterListener"
	</button>
	<button class="btn btn-default" ng-click="vm.clearEventMetaMaster()">Clear Results</button>
	</div>
	<div class="col-lg-12">
	<hr>

	<div class="well">
	<p ng-if="!vm.example_meta_master">
	Results will show here
	</p>
	<pre>@{{ vm.example_meta_master \| json }}</pre>
	</div>
	</div>
	</div>

	</div>
	</div>
	</div>
	</div>

	<div class="row">
	<div class="col-lg-12">
	<div class="wrapper wrapper-content animated fadeInRight">
	<div class="ibox-content">
	{!! $api !!}

	<div class="row">
	<div class="col-lg-12">
	<h3>Example using the Campaign and Campaign ID</h3>
	<p>
	{{ $url }}/@{{ vm.campaign_get_api }}
	</p>
	<form>
	<div class="form-group">
	<select class="form-control" ng-change="vm.changeCampaignId()" name="campaigns" ng-model="vm.campaign"
	ng-options="campaign.id as campaign.name for campaign in vm.campaigns" >

	</select>
	</div>
	<div class="form-group">
	<button class="btn btn-success" ng-click="vm.getCampaignResults()">
	Click to see GET results when you query the API
	</button>
	<button class="btn btn-default" ng-click="vm.getCampResults()">Clear Results</button>
	</div>
	</form>
	</div>
	<hr>
	<div class="col-lg-12">
	<div class="well">
	<p ng-if="!vm.get_campaign_results">
	Results will show here
	</p>
	<pre>@{{ vm.get_campaign_results \| json }}</pre>
	</div>
	</div>
	</div>

	<div class="row">
	<div class="col-lg-12">
	<h3>Example Using Filters in your Query</h3>
	<p>
	{{ $url }}/@{{ vm.campaign_query_api }}
	</p>
	<form name="vm.campaign_filters">
	<div class="form-group">
	<label for="folders">
	Choose a Marketo ID to Get Campaigns
	</label>
	<select class="form-control"
	name="folders"
	ng-change="vm.addMarketoIdToQuery()"
	ng-model="vm.campaign_filters.marketo_folder_id"
	ng-options="folder.marketo_folder_id as folder.marketo_folder_name for folder in vm.folders"
	>
	</select>
	</div>

	<div class="form-group">
	<label for="folders">
	Choose a Folder Name to Get Campaigns
	</label>
	<select class="form-control"
	name="folder_name"
	ng-change="vm.addMarketoFolderNameToQuery()"
	ng-model="vm.campaign_filters.marketo_folder_name"
	ng-options="folder.marketo_folder_name as folder.marketo_folder_name for folder in vm.folders"
	>
	</select>
	</div>

	<div class="form-group">
	<button class="btn btn-success" ng-click="vm.getCampResultsViaFilters()">
	Click to see GET results when you query the API
	</button>
	<button class="btn btn-default" ng-click="vm.clearGetCampResultsViaFilters()">Clear Results</button>
	</div>
	</form>

	</div>
	<hr>
	<div class="col-lg-12">
	<div class="well">
	<p ng-if="!vm.get_campaign_results_via_filters">
	Results will show here
	</p>
	<pre>@{{ vm.get_campaign_results_via_filters \| json }}</pre>
	</div>
	</div>
	</div>


	</div>
	</div>
	</div>
	</div>
	</div>



	@endsection