@extends('layouts.master')
@section('page_title', 'Business Network')
@section('content')

    <div class="container bt-container">
        {{ Form::page_header("Business Network", "business") }}

        <div class="row">
            <div class="col-md-6">
                <div class="row above-grid-label text-center">{{ Form::label_title("Business BFF", \App\Helpers\FormComponentHelper::SIZE_SUPER_DUPER) }}</div>
                <div class="row grid-header">
                    {{ Form::button_link('Add BFF', action('BusinessNetworkController@add_bff',compact('business')), 'bff_grid_header_btn' )}}
                </div>

                @include('search._search_grid_wrapper', ['column_set' => $bff_column_set])
            </div>

            <div class="col-md-6 no-left-pad" id="competitor_div">

                <div class="row above-grid-label text-center">{{ Form::label_title("Business Competitor", \App\Helpers\FormComponentHelper::SIZE_SUPER_DUPER) }}</div>

                <div class="grid-header">
                    {{ Form::button_link("Add Competitor", action('BusinessNetworkController@add_competitor',compact('business')), 'competitor_grid_header_btn') }}
                </div>

                @include('search._search_grid_wrapper', ['column_set' => $competitor_column_set])

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


@endsection
@section('page_script')
    <script>
        function remove_item(delete_url) {
            $.ajax({
                type: 'DELETE',
                url: delete_url,
                success: function (result) {
                    presentModalAlert('Alert', result.message);
                    $('#modal-alert').on('hidden.bs.modal', function (e) {
                        $(result.id).fadeOut();
                    })
                }
            });
        }
    </script>
@endsection
@section('page_style')
    <style>
        #grid_body {
            font-size: 14px;
            font-weight: 200
        }

        .pull-right {
            margin-bottom: 5px;
        }

        .bt-label.bt-label-exlarge {
            text-align: center;
        }

        .col-md-6 {
            padding-right: 50px;
        }

        #competitor_div .bottom-margin {
            margin-left: 0 !important;
        }

    </style>
@endsection