@extends('layouts.master')
@section('page_title', $page_title)
@section('content')
    <div class="container">
        {{ Form::page_header($page_title, "sourcedata") }}
        {{ Form::open(['url' => $post_url]) }}
        <div class="col-md-10 col-md-offset-1">
            <div class="grey-bg curve_container">
                {{ Form::row_text_inline('name', 'Milestone Name', $business_milestone->name, 2, 4, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                @if(!$business_milestone->milestone_type)
                    {{ Form::row_select_inline('milestone_type', 'Milestone Type', $business_milestone->milestone_type, \App\Models\Milestone_Type::milestone_type_select(), 2, 4, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, null, 'Select') }}
                @else
                    {{ Form::row_label_inline('Milestone Type', $business_milestone->_milestone_type->name, 'milestone_type', 2, 4, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 'milestone_type_title') }}
                    {{ Form::hidden('milestone_type', $business_milestone->milestone_type) }}
                @endif
                {{ Form::row_select_inline('phase', 'Phase', $business_milestone->phase, \App\Models\Business::$business_phase_map, 2, 4, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, null, 'Select') }}
                {{ Form::row_date_inline('due_date', 'Due Date', $business_milestone->due_date, 2, 3, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                @if(!$business_milestone->business_milestone)
					<div id="default-tickets-checkbox" style="display:none;">
						{{ Form::row_checkbox_inline('default_tickets', 'Create Default Tickets', $business_milestone->business_milestone ? $business_milestone->default_tickets : \App\Models\Business_Milestone::DEFAULT_TICKETS, 2, 4) }}
					</div>
					<div class="row" id="default-tickets-message">
						<div class="no-left-pad col-md-4 col-xs-4 col-md-offset-2 col-xs-offset-2 ">
							<label class="bt-label bt-checkbox-inline-label"><em>Select a Milestone Type</em></label>
						</div>
					</div>
                @endif
                {{ Form::hidden("active", 0) }}
                {{ Form::row_checkbox_inline('active', 'Active', $business_milestone->active, 2, 4) }}
                {{ Form::button_save() }}
                {{ Form::button_link('Cancel', isset($from_ticket_grid) && $from_ticket_grid
                    ? action('BusinessTicketController@business_tickets', compact('business'))
                    : action('SuperAdminBusinessController@business_milestones', compact('business')), 'cancel_btn') }}
            </div>
        </div>
    </div>
@endsection
@section('page_style')
    {{ Html::style('/css/daterangepicker.css') }}
    {{ Html::style('/css/daterangepicker_custom.css') }}
@endsection
@section('page_script')
    {{ Html::script('/js/moment.min.js') }}
    {{ Html::script('/js/daterangepicker.js') }}
    <script>
        $(document).ready(function () {
            init_daterangepicker_with_null_support('due_date');

			$('#milestone_type, #phase').on('change', function(ev) {
				ev.preventDefault();
				var milestoneType = $('#milestone_type').val();
				var milestonePhase = $('#phase').val();
				if (milestoneType === '') {
					// reset to default state
					$('#default-tickets-checkbox').hide();
					$('#default-tickets-message').find('label').html('<em>Select a Milestone Type</em>');
					$('#default-tickets-message').show();
					return;
				}
				get_milestone_default_tickets(milestoneType, milestonePhase);
			});
        });

		function get_milestone_default_tickets(milestoneType, milestonePhase) {
			$.ajax({
				type: "POST",
				url: '{{ action('SuperAdminBusinessController@get_milestone_default_tickets', compact('business')) }}',
				data: { milestoneType: milestoneType, milestonePhase: milestonePhase },
				success: function (result) {
					// show message or checkbox based on milestone type/phase tickets found
					if (result.default_tickets.length) {
						$('#default-tickets-message').hide();
						$('#default-tickets-checkbox').show();
					} else {
						$('#default-tickets-checkbox').hide();
						$('#default-tickets-message').find('label').html('<em>No default tickets for this Type/Phase</em>');
						$('#default-tickets-message').show();
					}
				}
			});
		}
    </script>
    <style>
        [for=milestone_type_title] {
            margin-bottom: 15px;
        }
    </style>
@endsection