@php
    //($entry->close_date)
        use Illuminate\Support\Carbon;

        $close_date = new Carbon($entry->close_date);

        $compare = Carbon::today()->greaterThanOrEqualTo($close_date);

@endphp

<!-- select from array -->
<div
            @include('crud::inc.field_wrapper_attributes')
>
    <label>{!! $field['label'] !!}</label>
    @include('crud::inc.field_translatable_icon')

    @if(is_null($entry->is_goal))
    <select class="select_from_array"
        name="{{ $field['name'] }}@if (isset($field['allows_multiple']) && $field['allows_multiple']==true)[]@endif"
            data-init-function="bpFieldInitSelect2Element"
        @include('crud::inc.field_attributes')
        @if (isset($field['allows_multiple']) && $field['allows_multiple']==true)multiple @endif
        @if (!($compare && in_array($entry->status, \App\Models\ProgrammePlan\ProgrammePlan::STATUS_COMPLETABLE))) disabled @endif
        >

        @if (isset($field['allows_null']) && $field['allows_null']==true)
            <option value="">-</option>
        @endif

        @if (count($field['options']))
            @foreach ($field['options'] as $key => $value)

                    
                @if((old(square_brackets_to_dots($field['name'])) && (
                       $key == old(square_brackets_to_dots($field['name'])) ||
                       (is_array(old(square_brackets_to_dots($field['name']))) &&
                       in_array($key, old(square_brackets_to_dots($field['name'])))))) ||
                       (null === old(square_brackets_to_dots($field['name'])) &&
                           ((isset($field['value']) && (
                                       $key == $field['value'] || (
                                               is_array($field['value']) &&
                                               in_array($key, $field['value'])
                                               )
                                       )) ||
                               (!isset($field['value']) && isset($field['default']) &&
                               ($key == $field['default'] || (
                                               is_array($field['default']) &&
                                               in_array($key, $field['default'])
                                           )
                                       )
                               ))
                       ))
                    <option value="{{ $key }}" selected>{{ $_value }}</option>
                @else
                    <option value="{{ $key }}">{{ $_value }}</option>
                @endif
            @endforeach
        @endif
    </select>
    @else
        <span>

        {{trans('backpack::programme_plan.is_goal.' . $entry->is_goal)}}
    </span>

    @endif

    <div class="d-inline-block mt-2 mt-md-up-0">
        <div class="loading_cover  position-absolute">
            <div class="fa fa-spinner fa-2x fa-spin"></div>
        </div>

        @if($compare && is_null($entry->is_goal) && in_array($entry->status, \App\Models\ProgrammePlan\ProgrammePlan::STATUS_COMPLETABLE))
            <button type="" class="btn btn-normal-comfirm programme_plan_is_goal_submit">
                <span data-value="">儲存</span>
            </button>
        @endif
    </div>

    {{-- HINT --}}
    @if (isset($field['hint']))
        <p class="help-block">{!! $field['hint'] !!}</p>
    @endif
</div>



@if ($crud->fieldTypeNotLoaded($field))
    @php
        $crud->markFieldTypeAsLoaded($field);
    @endphp

    {{-- FIELD CSS - will be loaded in the after_styles section --}}
    @push('crud_fields_styles')
        <!-- include select2 css-->
        <link href="{{ asset('packages/select2/dist/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('packages/select2-bootstrap-theme/dist/select2-bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    @endpush

    {{-- FIELD JS - will be loaded in the after_scripts section --}}
    @push('crud_fields_scripts')
        <!-- include select2 js-->
        <script src="{{ asset('packages/select2/dist/js/select2.full.min.js') }}"></script>
        @if (app()->getLocale() !== 'en')
            <script src="{{ asset('packages/select2/dist/js/i18n/' . app()->getLocale() . '.js') }}"></script>
        @endif
        <script>
            function bpFieldInitSelect2Element(element) {
                // element will be a jQuery wrapped DOM node
                if (!element.hasClass("select2-hidden-accessible")) {
                    element.select2({
                        theme: "bootstrap"
                    });
                }
            }
            $(document).ready(function () {
                $('.loading_cover').hide();
            });

            $('.form-group .select2-container').ready(function () {
                setTimeout(function () {
                    $('.form-group .select2-container').css('width', '');
                }, 50)
            });

            $('.programme_plan_is_goal_submit').on('click', function (event) {

                event.preventDefault();

                $('.loading_cover').show();
                $('.programme_plan_is_goal_submit').attr("disabled", true);
                $('select[name="is_goal"]').siblings('.select2-container').addClass('unclickable');

                if($('select[name="is_goal"]').val() == 'n/a'){
                    $('.loading_cover').hide();
                    $(".programme_plan_is_goal_submit").removeAttr("disabled");
                    $('select[name="is_goal"]').siblings('.select2-container').removeClass('unclickable');

                    return ;
                }

                console.log($('select[name="is_goal"]').val());

                var url = "{{route('programme_plan.update_goal', ['id' => $entry->id])}}";

                // programme_plan.update_goal
                $.ajax({
                    type: 'POST',
                    url: url,
                    data:{
                        'programme_plan_id': '{{$entry->id}}',
                        'is_goal': $('select[name="is_goal"]').val()
                    },
                    success:function (_data) {
                        $('.loading_cover').hide();

                        console.log(_data);

                        if(_data.success){
                            bootbox.alert('更新成功。');
                        }

                    },
                    error: function (error){
                        $('.loading_cover').hide();

                        console.log(error);
                        bootbox.alert('Error Occurred!', function () {
                            location.reload();
                        });



                    }
                })
            });
        </script>
    @endpush

@endif