@extends('layouts.master')
@section('page_title', 'Business Profile - Edit')

@section('content')
    <div class="container bt-container bt-container-dashboard">
        {{ Form::page_header("Business Profile", "business") }}
        {{ Form::open(['url' => action('SuperAdminBusinessController@post_business_edit',compact('business')), 'id' => 'business_profile']) }}
        <div class="row">
            <div class="grey-bg curve_container">
                @include('shared._message_all')
                <div class="dashboard-section dashboard-general-business-info clearfix">
                    {{ Form::label_title("General Business Info") }}
                    {{ Form::row_label_inline('Org', $fuse_org_data->x_org, null, 3, 9, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::row_label_inline('Org ID', $fuse_org_data->id, null, 3, 9, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::row_select_inline('business_package', 'Business Package', $business->business_package, \App\Models\Business_Package_Recurly_Map::business_package_select(), 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{-- // DISABLED PIPEDRIVE 4/20/20 --}}
{{--                    {{ Form::row_text_inline('pipedrive_id', 'Pipedrive ID', $business->pipedrive_id, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}--}}
                    {{ Form::row_text_inline('deal_id', 'Deal ID', $business->deal_id, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::row_select_inline('phase', 'Phase', $business->phase, \App\Models\Business::$business_phase_map, 3, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, null, 'Select') }}
                    {{ Form::row_text_inline('company', 'Business Name', $business->company, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::row_text_inline("", 'Main Business Phone 1', $main_location->phone_1, 3, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, true) }}
                    {{ Form::row_text_inline("", 'Main Business Phone 2', $main_location->phone_2, 3, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, true) }}
                    {{ Form::row_text_inline('email', 'Business Email', $business->email, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    {{ Form::row_text_inline('website', 'Current Website URL', $business->website, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                </div>
                <div class="dashboard-section dashboard-business-locations clearfix">
                    {{ Form::label_title("Business Locations") }}
                    <div id="locations-wrapper">
                        {{ Form::hidden('locations_count', $location_count) }}
                        @if($main_location->exists)
                            <div class="location-handle" id="location-handle[{{ $main_location->business_location }}]" >
                                {{ Form::hidden("locations[{$main_location->business_location}][atom]", $main_location->business_location) }}
                                <div id="new-location-block" class="main-location-block">
                                    @include('super_admin._business_location', ['location'=> $main_location, 'id'=>null])
                                </div>
                                <div class="row">
                                </div>
                                <div class="row"><div class="no-left-pad col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                            </div>
                        @elseif(empty(old('new_locations')))
                            <div class="new-location-handle" id="new-location-block">
                                @include('shared.forms._new_business_location', ['id' => 'new-location-data'])
                            </div>
                            <div class="row"><div class="no-left-pad col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                        @endif
                        @foreach($nonmain_locations as $location)
                            <div class="location-handle" id="location-handle[{{ $location->business_location }}]" >
                                {{ Form::hidden("locations[{$location->business_location}][atom]", $location->business_location) }}
                                <div id="new-location-block" class="new-location-block-{{$loop->iteration}}">
                                    @include('super_admin._business_location', ['location'=>$location, 'id'=>null])
                                    <div class="row">
                                        <div class="no-left-pad col-md-offset-3 col-md-6">
                                            {{ Form::button_tiny("Delete Location",
                                            "delete_business_location('". $location->business_location ."', '". action('BusinessLocationController@destroy', ['business' => $location->business, 'bl' => $location->business_location]) ."' );",
                                            "delete_business_location_btn_". $location->business_location) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="row"><div class="no-left-pad col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                            </div>
                        @endforeach
                        @if(old('new_locations'))
                            @if($main_location->exists) {{-- The main location is not in the invalid data --}}
                                @foreach(old('new_locations') as $location)
                                    <div id="new-location-{{$loop->iteration}}" class="new-location-handle location-handle">
                                        @include('shared.forms._new_invalid_business_location', ['i' => $loop->iteration, 'id' => 'new-location-data'])
                                        <div class="row remove_button_new_location">
                                            <div class="no-left-pad col-md-offset-3 col-md-6">
                                                {{ Form::button_tiny("Remove",
                                                "remove_new_location('". $loop->iteration ."');",
                                                "delete_business_location_btn_". $loop->iteration ) }}
                                            </div>
                                        </div>
                                        <div class="row"><div class="col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                                    </div>
                                @endforeach
                            @else{{-- There is a main location which has failed validation and does not already exist, so the "main" location is in the invalid data --}}
                                @foreach(old('new_locations') as $location)
                                    @if($location['main'])
                                        <div class="new-location-handle" id="new-location-block">
                                            @include('shared.forms._new_business_location', ['id' => 'new-location-data'])
                                        </div>
                                        <div class="row"><div class="no-left-pad col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                                    @else
                                        <div id="new-location-{{$loop->iteration}}" class="new-location-handle location-handle">
                                            @include('shared.forms._new_invalid_business_location', ['i' => $loop->iteration, 'id' => 'new-location-data'])
                                            <div class="row remove_button_new_location">
                                                <div class="no-left-pad col-md-offset-3 col-md-6">
                                                    {{ Form::button_tiny("Remove",
                                                    "remove_new_location('". $loop->iteration ."');",
                                                    "delete_business_location_btn_". $loop->iteration ) }}
                                                </div>
                                            </div>
                                            <div class="row"><div class="col-md-offset-3 col-md-6"><div class="location-handle_line"></div> </div></div>
                                        </div>
                                    @endif
                                @endforeach
                            @endif
                        @endif
                    </div>
                    <div class="row">
                        <div class="no-left-pad col-md-offset-3 col-md-6">
                            {{ Form::button_actual("Add Another Location", null, "add-location-btn", \App\Helpers\FormComponentHelper::SIZE_TINY ) }}
                        </div>
                    </div>
                </div>
                <div class="dashboard-section dashboard-general-business-info clearfix">
                    <div class="row">{{ Form::label_title("Team") }}</div>
                    <div class="row error-container-unique_team"></div>
                    {{ Form::row_select_inline('team', 'Fulfillment Team', $business->team,$business_team_map, 3, 6,\App\Helpers\FormComponentHelper::SIZE_MEDIUM, null, 'Select One') }}
                    @foreach(\App\Helpers\FormDataHelper::get_fulfillment_business_roles() as $role)
                        {{ Form::row_select_inline('teams['.$role['role'].']', $role['name'], $selected_team[$role['role']], $teams[$role['role']], 3, 6,
                            \App\Helpers\FormComponentHelper::SIZE_MEDIUM, null, 'Select One') }}
                    @endforeach
                    {{ Form::row_textarea_inline('team_assignment_notes', 'Team Assignment Notes', $business->team_assignment_notes, 3, 6, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                </div>
                <div class="dashboard-section dashboard-business-locations clearfix">
                    @if ((sizeof(session()->getOldInput()) > 0) && (Request::old('income_stream')))
                        @include('shared.forms._driver_component_edit', ['selected_industry' => \App\Models\Industry::find(Request::old('industry')),
                            'selected_income_streams' => \App\Models\Income_Stream::whereIn('income_stream', Request::old('income_stream'))->get()
                            ] )
                    @else
                        @include('shared.forms._driver_component_edit', ['selected_industry' => $selected_industry, 'selected_income_streams' => $selected_income_streams] )
                    @endif
                </div>
                <div class="row bt-button-row text-right">
                    {{ Form::button_save() }}
                    {{ Form::button_link("Cancel", action('SuperAdminBusinessController@profile_readonly',compact('business'))) }}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('page_script')
    @include('shared_script._driver_component_script')
    <script>
        $(window).load(function(){
            updateDriverDropDown();
            if(stream_opt == driver_count) $('.another_driver').attr('disabled', 'true');

        });

        $('#business_profile').submit(function(e) {
            var save_btn = $('input[value="Save"]#save_btn');
            save_btn.attr('disabled','disabled');
            this.submit();
        });

        function fix_name_id(my_object, new_location_count)
        {
            var field_name = new RegExp(/\]\[[\w]+\]/).exec(my_object.prop('name'))[0].split('[')[1].split(']')[0];
            var new_name = 'new_locations' + '['+new_location_count+'][' + field_name + ']';
            var new_id = 'new_locations_' + new_location_count+'_' + field_name;
            my_object.attr('name', new_name);
            my_object.attr('id', new_id);
        }

        $(document).ready(function () {
            $('.business-main-radio').click(function() {
                $('input:radio').not(this).prop('checked', false);
                $('input:radio').not(this).prev('.business_main_radio_hidden').val('0');
                $(this).prev('.business_main_radio_hidden').val('1');
            });
            $('.website-contact-grp').hide();
            $('.website-user-phone-grp').hide();
            $('.business-user-phone-grp').hide();

            var new_location_count = $('.new-location-handle').length;

            $('#add-location-btn').on('click', function() {
                var original = $('#new-location-block').last().find(':checked');
                new_location_count++;
                var new_location = $('#new-location-block')
                    .clone()
                    .attr('id', 'new-location-' + new_location_count)
                    .appendTo('#locations-wrapper')
                    .hide()
                    .fadeIn();
                new_location.find('input').val('').each(function() {
                    fix_name_id($(this), new_location_count);
                });
                new_location.find('select').val('0').each(function() {
                    fix_name_id($(this), new_location_count);
                });
                new_location.find('input:radio').removeAttr('checked').click(function() {
                    $('input:radio').not(this).prop('checked', false);
                }).val(1);
                new_location.find('input:checkbox').removeAttr('checked').val(1);
                if(original) {
                    original.prop('checked', true);
                }
                new_location.addClass('new-dynamic-location-block');
                var remove_button = "<input id=\"delete-new-location-btn\" type=\"button\" value=\"Remove\" style=\"width: auto;white-space: inherit;\" class=\"bt-btn-tiny uppercase bt-button\" onClick=\"remove_new_location("+new_location_count+")\">";
                new_location.append("<div class=\"row\"><div class=\"col-md-offset-3 col-md-6\">"+remove_button+"</div></div><div class=\"row\"><div class=\"col-md-offset-3 col-md-6\"><div class=\"location-handle_line\"></div></div></div>");
            });

            $('body').on('change','#select_industry', function () {
                var driver_length = $('.driver-label').length;
                for(var i = 2;i<=driver_length;i++){
                    $('#new-entry-'+i).remove();
                }
                $('.another_driver').attr('disabled', false);
            })
        });

        function do_delete_business_location($location_handle, $delete_url) {
            $.ajax({
                url: $delete_url,
                method: 'DELETE',
                success: function(result) {
                    if (result.failure) {
                        // we will want to eventually handle failure here
                        console.log('failure');
                        console.log(result.failure);
                    } else {
                        // the item is gone so get rid of the location section
                        document.getElementById($location_handle).remove();
                    }
                    $('#modal-alert').modal('hide');
                },
                error: function (result) {
                    // we will want to eventually handle errors here
                    console.log('error');
                    console.log(result.message);
                }
            });
        }

        function remove_new_location(handle)
        {
            var is_main = $('.business-main-radio[name=new_locations\\['+handle+'\\]\\[main\\]]').is(':checked');
            if (is_main)
            {
                presentModalAlert('Remove', 'Cannot remove the main location');
                return false;
            }
            console.log(handle);
            document.getElementById('new-location-'+handle).remove();
        }

        function delete_business_location($bl, $post_url) {
            var is_main = $('.business-main-radio[name=locations\\['+$bl+'\\]\\[main\\]]').is(':checked');
            if (is_main)
            {
                presentModalAlert('Remove', 'Cannot delete the main location');
                return false;
            }
            var $onclick_text = "do_delete_business_location('location-handle["+$bl+"]', '"+$post_url+"')";
            showYesNoModalAlert('Delete Location','Are you sure you want to delete this location?', $onclick_text);
        }
    </script>
@endsection
@section('page_style')
    <style>
        .bt-container-dashboard .bt-label.second-label.bt-label-large{
            color: #949494;
            font-size: 14px !important;
        }

        .dashboard-section{
            border-bottom: 2px solid #DDDDDD;
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .dashboard-section:first-child{
            padding-top: 0;
        }

        .location-handle{
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

        .location-handle_line{
            padding-top: 20px;
            border-bottom: 2px solid #DDDDDD;
        }

        .location-handle:first-child {
            padding-top: 0;
        }

        .bt-label-exlarge{
            padding-bottom: 10px;
        }

        .dashboard-buttons{
            margin-top: 10px;
        }
        .business_contact_wrapper{
            padding-bottom: 10px;
        }

        #img-btn-list-divider{
            display: none;
        }

        .another-driver-div .driver-label .form-group .component-div{
            margin-bottom: 0;
        }

        #select_industry{
            margin-bottom: 20px;
        }

        .intake_label{
            font-size: 16px !important;
            font-family: 'Open Sans', sans-serif;
        }

        .another_driver:disabled{
            background-color: #CCC !important;
            cursor: not-allowed;
        }

        /*.driver-component-partial .row {*/
        /*margin-left: 0;*/
        /*margin-right: 0;*/
        /*}*/
        .driver-component-partial .bt-button {
            background-color: white;
        }
        .driver-component-partial .grey-divider {
            border-width: 0;
        }
        .driver-component-partial .separator-row {
            height: 5px;
        }
        [class^=new-location-block-]{
            padding-bottom: 15px;
        }
        .new-dynamic-location-block{
            padding-bottom:30px;
        }
    </style>
@endsection