@extends('layouts.master')
@section('page_title', 'Marketing Service Agreement')
@section('content')
<div class="container">
	{{ Form::page_header("Marketing Service Agreement", "sourcedata") }}
	<div class="grey-bg curve_container">
		<div class="row" id="contract_dates">
			@include('business._msa_contract_dates', compact('business'))
		</div>
	</div>
	<div class="grey-bg curve_container">
		<div class="row marketing-services-title">{{ Form::label_title("Marketing Services") }}</div>
		@include('search._search_grid_wrapper')
		<div class="row">
			{{ Form::button_link('Add a new marketing service', action('SuperAdminBusinessController@add_business_marketing_service', compact('business'))) }}
		</div>
	</div>
	<div class="grey-bg curve_container">
		{{ Form::label_title('MSA Archive') }}
		@if (isset($business->msa_contract))
		@foreach ($contracts as $contract)
		<form class="archive_contract">
			<div class="row">
				<div class="col-md-6 no-left-pad">
					{{ Form::row_label_inline('Contract Sign Date', $contract->msa_sign_date, null, 4, 4) }}
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 no-left-pad">
					{{ Form::row_label_inline('Contract Start Date', $contract->msa_start_date, null, 4, 4) }}
				</div>
				<div class="col-md-5 no-left-pad">
					{{ Form::row_label_inline('Contract End Date', \App\Helpers\Format_Helper::format_standard_date($contract->msa_end_date), 'label-bold', 4, 4) }}
				</div>
				@if (!$contract->msa_active)
				<div class="col-md-1 no-left-pad text-nowrap">
					{{ Form::button_tiny('Set Active', 'set_active_contract(' . $contract->business_msa_contract . ')') }}
				</div>
				@endif
			</div>
			<div class="row">
				<div class="col-md-6 no-left-pad">
					{{ Form::row_label_inline('MSA ID', $contract->msa_id, null, 4, 4) }}
					<input type="hidden" name="msa_id" value="{{ $contract->business_msa_contract }}">
				</div>
				<div class="col-md-6 no-left-pad">
					{{ Form::label_inline('Contract Link', null, 3, \App\Helpers\FormComponentHelper::SIZE_SMALL, null) }}
					<a href="{{ $contract->msa_contract_link }}" id="contract_link"
						class="bt-label link-label bt-label-medium" style="padding-left: 1.5rem"
						target="_blank">{{ $contract->msa_contract_link }}</a>
				</div>
			</div>
			<hr class="grey-divider thin-divider">
		</form>
		@endforeach
		@endif
	</div>
</div>
@endsection
@section('page_script')
{{ Html::script('/js/moment.min.js') }}
{{ Html::script('/js/daterangepicker.js') }}
<script>
	function edit_contract_dates() {
            $.ajax({
                type: "GET",
                url: '{{ action('SuperAdminBusinessController@edit_contract_dates', compact('business')) }}',
                success: function (result) {
                    $('div#contract_dates').empty();
                    $('div#contract_dates').append(result.view).hide().fadeIn();
                    init_daterangepicker('msa_sign_date_picker');
                    init_daterangepicker('msa_start_date_picker');
                    init_daterangepicker('msa_end_date_picker');
                }
            });
        }

		function add_contract_dates() {
            $.ajax({
                type: "GET",
                url: '{{ action('SuperAdminBusinessController@add_contract_dates', compact('business')) }}',
                success: function (result) {
                    $('div#contract_dates').empty();
                    $('div#contract_dates').append(result.view).hide().fadeIn();
					init_daterangepicker('msa_sign_date_picker');
                    init_daterangepicker('msa_start_date_picker');
                    init_daterangepicker('msa_end_date_picker');
                }
            });
        }

        function save_contract_dates() {
            var dates = $('form#edit_msa_contract_dates');
            $.ajax({
                type: "POST",
                url: '{{ action('SuperAdminBusinessController@save_contract_dates', compact('business')) }}',
                data: dates.serialize(),
                success: function (result) {
					window.location.reload();
                },
                error: contract_info_error
            });
        }

		function save_new_contract_dates() {
            var dates = $('form#add_msa_contract_dates');
            $.ajax({
                type: "POST",
                url: '{{ action('SuperAdminBusinessController@save_new_contract_dates', compact('business')) }}',
                data: dates.serialize(),
                success: function (result) {
					window.location.reload();
                },
                error: contract_info_error
            });
        }

        function cancel_edit_contract_dates() {
            $.ajax({
                type: "GET",
                url: '{{ action('SuperAdminBusinessController@cancel_edit_contract_dates', compact('business')) }}',
                success: function (result) {
                    $('div#contract_dates').empty();
                    $('div#contract_dates').append(result.view).hide().fadeIn();
                }
            });
        }

		function set_active_contract(business_msa_contract) {
            $.ajax({
                type: "POST",
                url: '{{ action('SuperAdminBusinessController@set_active_contract', compact('business')) }}',
				data: {business_msa_contract: business_msa_contract},
				success: function (result) {
					window.location.reload();
                },
                error: contract_info_error
            });
        }

        var contract_info_error = function (xhr) {
            if (xhr.status === 422) // validation error
            {
                var errors = JSON.parse(xhr.responseText);
                errors = errors.errors;
                Object.keys(errors).forEach(function (k) {
                    var selector = k;
                    element = document.getElementById(selector);
                    $(element).parent().append("<p class='validation-message'>" + errors[k] + "</p>");
                    $(element).css('border-color', '#cc0000');
                    $(element).on('input', function () {
                        $(this).css('border-color', '#797979');
                        $('.validation-message').remove();
                    });
                });
            }
        };
</script>
@endsection
@section('page_style')
{!! HTML::style('/css/daterangepicker.css') !!}
{!! HTML::style('/css/daterangepicker_custom.css') !!}
@endsection