@if($status->statusName == ApplicationTypes::REJECTED)
    <div class="ibox-content">
        <div class="row ">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-2">拒绝原因:</div>
                <div class="col-sm-6">
                    <select class="form-control" name="rejectionReason" id="rejectionReason">
                        @foreach($rejectionReasons as $value=>$reason)
                            <option value="{{$value}}" @if($value==$status->rejectionReason) selected @endif>{{$reason}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>
@elseif($status->statusName == ApplicationTypes::CONDITIONAL || $status->statusName == ApplicationTypes::UNCONDITIONAL_OFFER)
    <div class="ibox-content">
        <div class="row ">
            <div class="col-sm-12">
                <div class="col-sm-2">Offer 确认截止日期:</div>
                <div class="col-sm-3">
                    <div class="input-group date">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="text" name="statusDeadlineDate" class="form-control" value="{{$status->statusDeadline}}">
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-2">Offer 押金要求:</div>
                <div class="col-sm-1">
                    <input type="radio" name="isDeposit" id="statusDepositNo" value="0" @if(!$status->status_deposit_checkbox) checked="checked" @endif> 否
                </div>
                <div class="col-sm-1">
                    <input type="radio" name="isDeposit" id="statusDepositYes" value="1" @if($status->status_deposit_checkbox) checked="checked" @endif> 是
                </div>
                <div class="col-sm-2">Offer 押金金额 (£):</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" id="statusDepositAmount" name="statusDepositAmount" value="{{$status->statusDepositAmount}}" @if(!$status->status_deposit_checkbox) disabled @endif>
                </div>
                <div class="col-sm-2">Offer 押金截止日期:</div>
                <div class="col-sm-2">
                    <div class="input-group @if($status->status_deposit_checkbox) date @endif" id="offerDatePicker">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="text" name="statusDepositDate" id="statusDepositDate" class="form-control" value="{{$status->statusDepositDeadline}}" @if(!$status->status_deposit_checkbox) disabled @endif>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-2">CAS 押金要求:</div>
                <div class="col-sm-1">
                    <input type="radio" name="casDeposit" id="ref-0" value="0" @if(!$status->cas_deposit_checkbox) checked="checked" @endif> 否
                </div>
                <div class="col-sm-1">
                    <input type="radio" name="casDeposit" id="ref-1" value="1" @if($status->cas_deposit_checkbox) checked="checked" @endif> 是
                </div>
                <div class="col-sm-2">CAS 押金金额 (£):</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" id="casDepositAmount" name="casDepositAmount" value="{{$status->casDepositAmount}}" @if(!$status->cas_deposit_checkbox) disabled @endif>
                </div>
                <div class="col-sm-2">CAS 押金截止日期:</div>
                <div class="col-sm-2">
                    <div class="input-group @if($status->cas_deposit_checkbox) date @endif" id="casDatePicker">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="text" name="casDepositDate" class="form-control" id="casDepositDate" value="{{$status->casDepositDeadline}}" @if(!$status->cas_deposit_checkbox) disabled @endif>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Deposit Link')}}:</div>
                <div class="col-sm-5">
                    <input type="text" id="depositLink" name="depositLink" class="form-control" aria-required="true" value="{{$status->depositLink}}">
                </div>

                <div class="col-sm-1">{{__('Accomodation Link')}}:</div>
                <div class="col-sm-5">
                    <input type="text" id="accomodationLink" name="accommodationLink" class="form-control" aria-required="true" value="{{$status->accommodationLink}}">
                </div>
            </div>
        </div>
    </div>
    @if($status->statusName == ApplicationTypes::CONDITIONAL)
        <div class="ibox-content">
            <div class="row ">
                <div class="col-sm-12 rowcontainer">
                    <div class="col-sm-1">学术要求:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="academicRequirement" id="academicRequirement">
                            @foreach($requirementOptions as $key => $value)
                                <option value="{{$value}}" @if(isset($status->academicRequirement) && $value == $status->academicRequirement) selected @endif>{{__($key)}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-3">
                        <input type="text" placeholder="score" class="form-control" id="academicScore" name="academicScore" value="{{$status->academicScore}}">
                    </div>
                </div>
            </div>
            <div class="row mt-20">
                <div class="col-sm-12 rowcontainer">
                    <div class="col-sm-1">雅思总分:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="ieltsOverall" id="ieltsOverall">
                            <option value=""></option>
                            @for ($i = 4.0; $i < 9.5; $i += 0.5)
                                <option value="{{$i}}" @if($i == $status->ieltsOverall) selected @endif>{{number_format($i,1)}}</option>
                            @endfor
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mt-20">
                <div class="col-sm-12 rowcontainer">
                    <div class="col-sm-1">听:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="ieltsListening" id="ieltsListening">
                            <option value=""></option>
                            @for ($i = 4.0; $i < 9.5; $i += 0.5)
                                <option value="{{$i}}" @if($i == $status->ieltsListening) selected @endif>{{number_format($i,1)}}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="col-sm-1">说:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="ieltsSpeaking" id="ieltsSpeaking">
                            <option value=""></option>
                            @for ($i = 4.0; $i < 9.5; $i += 0.5)
                                <option value="{{$i}}" @if($i == $status->ieltsSpeaking) selected @endif>{{number_format($i,1)}}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="col-sm-1">读:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="ieltsReading" id="ieltsReading">
                            <option value=""></option>
                            @for ($i = 4.0; $i < 9.5; $i += 0.5)
                                <option value="{{$i}}" @if($i == $status->ieltsReading) selected @endif>{{number_format($i,1)}}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="col-sm-1">写:</div>
                    <div class="col-sm-2">
                        <select class="form-control" name="ieltsWriting" id="ieltsWriting">
                            <option value=""></option>
                            @for ($i = 4.0; $i < 9.5; $i += 0.5)
                                <option value="{{$i}}" @if($i == $status->ieltsWriting) selected @endif>{{number_format($i,1)}}</option>
                            @endfor
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mt-20">
                <div class="col-sm-12 rowcontainer">
                    <div class="col-sm-1">推荐信要求:</div>
                    {{--<div class="col-sm-2">
                        <select class="form-control" name="refRequirement" id="refRequirement">
                            <option value="0">None</option>
                            <option value="1" @if($i == $status->refRequirement) selected @endif>1 Reference</option>
                            <option value="2" @if($i == $status->refRequirement) selected @endif>2 References</option>
                        </select>
                    </div>--}}
                    <div class="col-sm-1">
                        <input type="radio" name="refRequirement" id="ref-0" value="0" checked="checked"> None
                    </div>
                    <div class="col-sm-1">
                        <input type="radio" name="refRequirement" id="ref-1" value="1" @if($status->refRequirement == 1) checked="checked" @endif> 1 Ref
                    </div>
                    <div class="col-sm-1">
                        <input type="radio" name="refRequirement" id="ref-2" value="2" @if($status->refRequirement == 2) checked="checked" @endif> 2 Ref
                    </div>
                </div>
            </div>
            <div class="row mt-20">
                <div class="col-sm-12 rowcontainer">
                    <div class="col-sm-1">其他要求:</div>
                    <div class="col-sm-5">
                        <textarea id="otherRequirements" name="otherRequirements" class="form-control" required="" aria-required="true">{{$status->otherRequirements}}</textarea>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <script type="text/javascript">
        $('input[name="isDeposit"]').change(function(){
            disableDeposit($(this).val());
        });

        function disableDeposit(val) {
            if (val == 0) {
                $('#statusDepositAmount, #statusDepositDate').prop('disabled',true);
                $('#offerDatePicker').datepicker('remove');
            } else {
                $('#statusDepositAmount, #statusDepositDate').prop('disabled',false);
                $('#offerDatePicker').addClass('date');
                $('#offerDatePicker').datepicker({
                    todayBtn: "linked",
                    keyboardNavigation: false,
                    forceParse: false,
                    calendarWeeks: true,
                    autoclose: true
                });
            }
        }

        $('input[name="casDeposit"]').change(function(){
            disableCasDeposit($(this).val());
        });

        function disableCasDeposit(val) {
            if (val == 0) {
                $('#casDepositAmount, #casDepositDate').prop('disabled',true);
                $('#casDatePicker').datepicker('remove');
            } else {
                $('#casDepositAmount, #casDepositDate').prop('disabled',false);
                $('#casDatePicker').addClass('date');
                $('#casDatePicker').datepicker({
                    todayBtn: "linked",
                    keyboardNavigation: false,
                    forceParse: false,
                    calendarWeeks: true,
                    autoclose: true
                });
            }
        }
    </script>
@elseif($status->statusName == ApplicationTypes::REFUND)
    @php
        /**
        * @var \App\Order $order
        */
        $currencySign = $order->currency == Currency::GBP ? '£ ' : '¥ ';
    @endphp
    <div class="ibox-content">
        <h4>{{__('Application information')}}</h4>
        <div class="row ">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Order Number')}}</div>
                <div class="col-sm-4">
                   {{$order->details->displayOrderNo}}
                </div>
                <div class="col-sm-1">{{__('Order Time')}}</div>
                <div class="col-sm-4">
                    {{$order->details->order_time}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Third-party Application Fee')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->applicationFees}}
                </div>
                <div class="col-sm-1">{{__('Service Fee')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->serviceFees}}
                </div>
                <div class="col-sm-1">{{__('Deposit')}}</div>
                <div class="col-sm-1">
                    {{$currencySign.$order->depositFees}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Total')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->totalFees}}
                </div>
                <div class="col-sm-1">{{__('Discount')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.number_format($order->discountValue + $order->discountEvent,2)}}
                </div>
                <div class="col-sm-1">{{__('Paid')}}</div>
                <div class="col-sm-1">
                    {{$currencySign.$order->totalPaid}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Currency')}}</div>
                <div class="col-sm-4">
                    {{\App\Enumerables\Currency::CURRENCY_STRING[$order->currency]}}
                </div>
                <div class="col-sm-1">{{__('Payment Method')}}</div>
                <div class="col-sm-4">
                    {{$order->paymentMethod}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Refund Method')}}</div>
                <div class="col-sm-2" id="refundMethod1">
                    <input
                            type="radio"
                            class="dynamic-validation"
                            name="refundMethod"
                            value="original"
                            id="radio1"
                            data-validation-container="refundMethod1"
                            required
                            @if(!$refundMethodValidation) disabled="disabled" @endif
                    >
                    <label for="radio1" name="refundMethod">{{__('Refund through original payment method')}}</label>
                </div>
                <div class="col-sm-2" id="refundMethod2">
                    <input
                            type="radio"
                            class="dynamic-validation"
                            name="refundMethod"
                            value="offline"
                            id="radio2"
                            data-validation-container="refundMethod2"
                            required
                            @if(!$refundMethodValidation) checked="checked" @endif
                    >
                    <label for="radio2">{{__('Offline Refund')}}</label>
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <label class="col-sm-1">{{__('Application Fee Refund')}}</label>
                <div class="col-sm-3">
                    <input
                            type="number"
                            class="form-control dynamic-validation"
                            data-counter="total1"
                            name="applicationFeeRefund"
                            value="{{number_format($order->applicationFees, 2, '.','')}}"
                            placeholder="{{__('Please enter a refund amount')}}"
                            max="{{number_format($order->applicationFees, 2, '.','')}}"
                            required
                    >
                </div>
                <label class="col-sm-1">{{__('Service Fee/Deposit Refund')}}</label>
                <div class="col-sm-3">
                    <input
                            type="number"
                            class="form-control dynamic-validation"
                            data-counter="total1"
                            name="serviceFeeRefund"
                            value="{{number_format($order->serviceFees + $order->depositFees - $order->discountValue - $order->discountEvent, 2, '.','')}}"
                            placeholder="{{__('Please enter a refund amount')}}"
                            max="{{number_format($order->serviceFees + $order->depositFees - $order->discountValue - $order->discountEvent, 2, '.','')}}"
                            required
                    >
                </div>
                <label class="col-sm-1">{{__('Total')}} {{$currencySign}}</label>
                <div class="col-sm-2">
                    <input
                            type="number"
                            class="form-control dynamic-validation"
                            min="0.01"
                            max="{{number_format($order->discountedValue(), 2, '.','')}}"
                            name="total1"
                            id="total1"
                            value="{{number_format($order->discountedValue(), 2, '.','')}}"
                            readonly="readonly"
                            required
                    >
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).on('change', '[data-counter]', function()
        {
            $(this).parent().removeClass('error');
            var counterID = $(this).attr('data-counter');
            var total = 0;
            $('input[data-counter="'+counterID+'"]').each(function()
            {
                var value = $(this).val();
                value = parseFloat(value);
                value = (value && value > 0) ? value : 0;
                $(this).val(value.toFixed(2));
                total += value;
            });
            $('#'+counterID).val(total.toFixed(2));
        });
        $(document).on('change', 'input[name=refundMethod]', function(){
            $('input[name=refundMethod]').parent().removeClass('error');
        })
    </script>

@elseif($status->statusName == ApplicationTypes::CHANGE_COURSE)
    @php
        $currencySign = $order->currency == Currency::GBP ? '£ ' : '¥ ';
        $language = config('app.locale');
    @endphp
    <div class="ibox-content">
        <h4>{{__('Current course information')}}</h4>
        <div class="row ">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Order Number')}}</div>
                <div class="col-sm-4">
                   {{$order->details->displayOrderNo}}
                </div>
                <div class="col-sm-1">{{__('Order Time')}}</div>
                <div class="col-sm-4">
                    {{$order->details->order_time}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Third-party Application Fee')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->applicationFees}}
                </div>
                <div class="col-sm-1">{{__('Service Fee')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->serviceFees}}
                </div>
                <div class="col-sm-1">{{__('Deposit')}}</div>
                <div class="col-sm-1">
                    {{$currencySign.$order->depositFees}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Total')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.$order->totalFees}}
                </div>
                <div class="col-sm-1">{{__('Discount')}}</div>
                <div class="col-sm-4">
                    {{$currencySign.number_format($order->discountValue + $order->discountEvent,2)}}
                </div>
                <div class="col-sm-1">{{__('Paid')}}</div>
                <div class="col-sm-1">
                    {{$currencySign.$order->totalPaid}}
                </div>
            </div>
        </div>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-1">{{__('Currency')}}</div>
                <div class="col-sm-4">
                    {{\App\Enumerables\Currency::CURRENCY_STRING[$order->currency]}}
                </div>
                <div class="col-sm-1">{{__('Payment Method')}}</div>
                <div class="col-sm-4">
                    {{$order->paymentMethod}}
                </div>
            </div>
        </div>
        <h4 class="mt-20">{{__('Change course information')}}</h4>
        <div class="row mt-20">
            <div class="col-sm-12 rowcontainer">
                <div class="col-sm-3">
                    <select class="form-control dynamic-validation" id="courseLevel" name="courseLevel" required>
                        <option value="">{{__('Level')}}</option>
                        @foreach($courseLevels as $key => $level)
                            <option value="{{$level->id}}">{{($language === 'en')?$level->nameEnglish:$level->nameChinese}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-3">
                    <div class="input-group">
                        <input type="text" class="form-control dynamic-validation" name="universityFilter" id="universityFilter" required>
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="input-group">
                        <input type="text" class="form-control dynamic-validation" name="courseFilter" id="courseFilter" required>
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <select class="form-control dynamic-validation" name="startDate" id="startDate" required>
                        <option value="">{{__('Time of Admission')}}</option>
                    </select>
                </div>
            </div>
        </div>
       <div id='changeCourseData' style="display:none;"></div>
    </div>
    <script>
        $(document).on('change', '#courseLevel', function(){
            var courseLevel = $(this).val();
            $( "#universityFilter" ).val('');
            $( "#courseFilter" ).val('');
            $('#changeCourseData').hide();
            $('#startDate').html('<option value="">{{__('Time of Admission')}}</option>');
            populateUniversities(courseLevel);
        });
        function populateUniversities(courseLevel){
            var data = { '_token':"{{ csrf_token() }}", 'courseLevel': courseLevel};
            $.ajax({
                type: 'POST',
                url: "{{route('getUniversityFilter')}}",
                data: data,
                dataType:'JSON',
                success: function (result) {
                   $( "#universityFilter" ).bsSuggest('destroy')
                       .bsSuggest({
                        indexKey: 0,
                        idField: "id",
                        effectiveFields: ['name', 'nameEnglish'],
                        showHeader: false,
                        clearable: true,
                        ignorecase: true,
                        data: {
                            'value': result,
                            'defaults': '全部'
                        }
                    }).on('onSetSelectValue',function(e,  selectedData, selectedRawData){
                       $( "#courseFilter" ).val('');
                       $('#changeCourseData').hide();
                       $('#startDate').html('<option value="">{{__('Time of Admission')}}</option>');
                       populateCourses(selectedRawData.id);
                    });
                }
            });
        }
        function populateCourses(uniID){
            var data = { '_token':"{{ csrf_token() }}",
                        'uniID': uniID,
                        'courseLevel': $('#courseLevel').val()};
            $.ajax({
                type: 'POST',
                url: "{{route('getCourseFilter')}}",
                data: data,
                dataType:'JSON',
                success: function (result) {
                   $( "#courseFilter" ).bsSuggest('destroy')
                       .bsSuggest({
                        indexKey: 0,
                        idField: "id",
                        effectiveFields: ['name', 'nameEnglish'],
                        showHeader: false,
                        clearable: true,
                        ignorecase: true,
                        data: {
                            'value': result,
                            'defaults': '全部'
                        }
                    }).on('onSetSelectValue',function(e,  selectedData, selectedRawData){
                       $('#changeCourseData').hide();
                       populateStartDates(selectedRawData.id);
                    });
                }
            });
        }
        function populateStartDates(courseID){
            var data = { '_token':"{{ csrf_token() }}",
                        'courseID': courseID};
            $.ajax({
                type: 'POST',
                url: "{{route('getStartDates')}}",
                data: data,
                dataType:'JSON',
                success: function (result) {
                    $('#startDate').html('<option value="">{{__('Time of Admission')}}</option>');

                    for (let year in result) {
                        result[year].forEach(month => {
                            let monthValue = month.replace(/\D/g,'');

                            if (monthValue <= 9) {
                                monthValue = '0' + monthValue;
                            }

                            $('#startDate').append('<option value="'+year+'-'+monthValue+'">'+year+' '+month+'</option>');
                        });
                    }

                    populateCourseData(courseID);
                }
            });
        }
        function populateCourseData(courseID){
            var data = { '_token':"{{ csrf_token() }}",
                        'courseID': courseID,
                        'orderItemID': '{{$order->id}}'};
            $.ajax({
                type: 'POST',
                url: "{{route('populateCourseData')}}",
                data: data,
                success: function (result) {
                    $('#changeCourseData').html(result);
                }
            });
        }
        $('#startDate').on('change', function() {
            if ($(this).val() != 0)
            {
                $('#changeCourseData').show();
            } else
                {
                    $('#changeCourseData').hide();
                }
        });
    </script>
@endif