@extends('layout.manage')

@section('css_page_level')
<style type="text/css">
    #radioBtn_frequency .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #checkBtn_checkDay .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #radioBtn_cycleWay .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #radioBtn_enddate .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    
</style>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}"/>
@endsection

@section('page-content-wrapper')
    <div class="page-content-wrapper" id="main">
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <h3 class="page-title">
            @inject('setting','anlutro\LaravelSettings\Facade')
            {{ $setting::get('system_name','全方位建築智慧化管理系統') }} <small>{{ $setting::get('company_name','新保科技') }}</small>
            </h3>
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{ route('manage::index') }}">@lang('messages.homepage')</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#">@lang('messages.electro_mechanical_manage')</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#">@lang('messages.electro_mechanical_patrol')</a>
                    </li>
                </ul>
                <div class="page-toolbar">

                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN DASHBOARD STATS -->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <!-- Start Quick Filter -->
                            <div class="table-toolbar">
                                <div class="row" >
                                    <div class="col-md-12" style="margin-bottom:10px;">
                                        <button id="btn_modal_add" class="btn green" >新增<i class="fa fa-plus"></i></button>
                                        <button id="btn_mass_delete" class="btn red" style="display:none;">@lang('messages.del') <i class="fa fa-trash"></i></button>
                                    </div>
                                    
                                    <form id="form_page" name="form_page_url" action="{{ route('manage::electro_mechanical::index') }}" class="form-horizontal">
                                        <div class="col-md-6">
                                            <div class="dataTables_length" id="table_electro_mechanical_length" >
                                                <label>顯示</label>
                                                <select onchange="$('#form_page').submit();" name="prepage" aria-controls="table_guest" class="form-control input-sm input-xsmall input-inline">
                                                    <option value="10" {{Input::get('prepage')==10? 'selected':''}}>10</option>
                                                    <option value="20" {{Input::get('prepage')==20? 'selected':''}}>20</option>
                                                    <option value="50" {{Input::get('prepage')==50? 'selected':''}}>50</option>
                                                </select> 則
                                            </div>
                                        </div>
                                    </form>
                                                                       
                                </div>
                            </div>
                            <!-- End Quick Filter -->
                            <table class="table table-striped table-bordered table-hover" id="table_guest">
                                <thead>
                                    <tr>
                                        <!-- <th>
                                            <input type="checkbox" id="chk_all" />
                                        </th> -->
                                        <th>
                                            檢查人員
                                        </th>
                                        <th>
                                            檢查單名稱
                                        </th>
                                        <th>
                                            檢查地點
                                        </th>
                                        <th>
                                            檢查時間
                                        </th>
                                        <th>
                                            摘要
                                        </th>
                                        <!-- <th>
                                            動作
                                        </th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($electro_mechanical_patrols as $electro_mechanical_patrol)
                                        <tr class="odd gradeX">
                                            <!-- <td>
                                                <input class='chk_check' type="checkbox" value="{{$electro_mechanical_patrol->id}}">
                                            </td> -->
                                            <td>
                                                {{$electro_mechanical_patrol->name}}
                                            </td>
                                            <td>
                                                {{$electro_mechanical_patrol->list_name}}
                                            </td>
                                            <td>
                                                {{$electro_mechanical_patrol->place}}
                                            </td>
                                            <td>
                                                {{$electro_mechanical_patrol->time}}
                                            </td>
                                            <td>
                                                {{$electro_mechanical_patrol->summary}}
                                            </td>

                                            <!-- <td>
                                                <div class="btn-group">
                                                    <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    @lang('messages.action') <i class="fa fa-angle-down"></i>
                                                    </button>
                                                    <ul class="dropdown-menu pull-right" role="menu">
                                                        <li>
                                                            <a class="btn_edit" href="javascript:;">
                                                            <i class="fa fa-pencil"></i>
                                                            @lang('messages.edit') </a>
                                                        </li>
                                                        <li>
                                                            <a class="btn_delete" href="javascript:;" data-value="{{$electro_mechanical_patrol->id}}">
                                                            <i class="fa fa-trash-o"></i>
                                                            @lang('messages.del') </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td> -->
                                        </tr>
                                    @endforeach
                                </tbody>

                            </table>
                        </div>

                        <div class="modal fade draggable-modal" id="modal_add" role="basic" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header bg-blue-soft">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                            <h4 class="modal-title font-white" >新增機電巡檢路線</h4>
                                        </div>
                                        <form id="form_add" action="" class="form-horizontal">
                                            <div class="modal-body">
                                                <div class="form-body">
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢人員</label>
                                                        <div class="col-md-6">
                                                            <select id="user_id" class="form-control select2me">
                                                                @foreach($users as $user)
                                                                <option value="{{$user->id}}">{{$user->name}}</option>
                                                                @endforeach
                                                            </select>   
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">檢查單名稱</label>
                                                        <div class="col-md-6">
                                                            <select id="list_id" name="list" class="form-control select2me">
                                                                @foreach($lists as $list)
                                                                <option value="{{$list->id}}">{{$list->name}}</option>
                                                                @endforeach
                                                            </select>      
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢頻率</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_frequency" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="frequency" data-title="day" >每天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="week" >每周</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="month" >每月</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="year" >每年</a>
                                                                <input id='frequency' type="hidden" name="frequency" value='day'>
                                                            </div>    
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢間隔</label>
                                                        <div class="col-md-6" style="padding-left: 0px;">
                                                            <div class="col-md-3">
                                                                <select id="interval" class="form-control select2me">
                                                                    @for($i=1 ;$i<= 30;$i++)
                                                                    <option value="{{$i}}">{{$i}}</option>
                                                                    @endfor 
                                                                </select>
                                                            </div>
                                                            
                                                            <input id="interval_unit" style=" background-color: #FFF; border: 0px;font-size: 18px;margin-top: 4px;" value="天" readonly="true">
                                                            
                                                        </div>
                                                    </div>
                                                    <!-- 每周獨有選項 -->
                                                    <div id="div_checkDay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">檢查日</label>
                                                        <div class="col-md-9"> 
                                                            <div id="checkBtn_checkDay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="1" >一</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="2" >二</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="3" >三</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="4" >四</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="5" >五</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="6" >六</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="7" >日</a>
                                                            </div>    
                                                        </div>
                                                    </div>
                                                    <!-- 每月獨有選項 -->
                                                    <div id="div_cycleWay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">重複方式</label>
                                                        <div class="col-md-9"> 
                                                            <div id="radioBtn_cycleWay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="cycleWay" data-title="day" >每月第幾天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="cycleWay" data-title="week" >星期幾</a>
                                                                <input id='cycleWay' type="hidden" value='day'>
                                                            </div>   
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢時間</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group">
                                                                <input type="text" id="patrol_time" value="" class="item-timepicker form-control" readonly="true" />
                                                                <span class="input-group-btn">
                                                                    <button id="patrol_time_btn" class="btn default" type="button"><i class="fa fa-clock-o"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">開始日期</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group date form_datetime">
                                                                <input id="start_date" name="start_date" type="text" size="16" readonly class="form-control" value="{{$today}}">
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">結束日期</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_enddate" class="btn-group">
                                                                <!-- <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="forever" >永不結束</a> -->
                                                                <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="date" >指定日期</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="enddate"" data-title="times" >巡邏次數</a>
                                                                <input id='endWay' type="hidden" value='date'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id='div_end_date_times' class="form-group"  style="display: none;">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <input id='patrol_times' type="text" value=''>
                                                        </div>      
                                                    </div>
                                                    <div id='div_end_date_date' class="form-group">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <div class="input-group date form_datetime">
                                                                <input id="end_date" type="text" size="16" readonly class="form-control" >
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">摘要</label>
                                                        <div class="col-md-9">
                                                            <textarea id="summary" type="text" cols="50" rows="5" readonly="true" style="font-size: 14px; border: 0px;background-color: #FFF;margin-top: 6px;resize: none;"></textarea> 
                                                        </div>
                                                    </div>
                                                    
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                                                <button type="submit" class="btn green btn_query_submit" value="add">新增</button>
                                            </div>
                                        </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                        </div>



                        <div class="row">
                            <div class="col-md-5 col-xs-5">
                                <div class="dataTables_info" id="table_list_info" role="status" aria-live="polite">
                                    <p>顯示第 {{ $electro_mechanical_patrols->firstItem() }} 到第 {{ $electro_mechanical_patrols->lastItem() }} 則 共有 {{ $electro_mechanical_patrols->total() }} 則</p>
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <div class="pull-right" id="table_list_paginate">
                                    {!! $electro_mechanical_patrols->appends(Input::all())->render() !!}
                                </div>
                            </div>
                        </div>
                    </div>  
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
@endsection

@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.full.min.js') }}" ></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-TW.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>
@endsection

@section('js_page_level')
<script>
$(document).ready(function(){

    $(".form_datetime").datetimepicker({
        autoclose: true,
        format:"yyyy-mm-dd",
        startView:'month',
        minView: 3,
        todayHighlight: true,
        language: "zh-TW"
    });
    $('.item-timepicker').timepicker({
        autoclose: true,
        showSeconds: false,
        showMeridian: false
    });

    $("#end_date").val(moment().format('YYYY-MM-DD')); 
    getSummary();


    $('#form_add').validate({
                errorElement: 'span', //default input error message container
                errorClass: 'help-block help-block-error', // default input error message class
                focusInvalid: false, // do not focus the last invalid input
                ignore: "",  // validate all fields including form hidden input
                rules:{
                   
                },
                messages:{
                    
                },

                invalidHandler: function (event, validator) { //display error alert on form submit
                    $('#form_success_alert').hide();
                    $('#form_error_alert').show();
                    $('.modal').scrollTop($('#form_error_alert'));
                },

                highlight: function (element) { // hightlight error inputs
                   $(element)
                        .closest('.form-group').addClass('has-error'); // set error class to the control group
                },

                unhighlight: function (element) { // revert the change done by hightlight
                    $(element)
                        .closest('.form-group').removeClass('has-error'); // set error class to the control group
                },

                success: function (label) {
                    label
                        .closest('.form-group').removeClass('has-error'); // set success class to the control group
                },

                submitHandler: function (form) {
                    $('#form_success_alert').show();
                    $('#form_error_alert').hide(); 

                    //確認表單正確，Ajax送出
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        url: "{{ route('manage::electro_mechanical::patrol_Add') }}",
                        data: {
                            user_id     : $('#user_id').val(),
                            list_id     : $('#list_id').val(),
                            frequency   : $('#frequency').val(),
                            interval    : $('#interval').val(),
                            cycleWay   : $('#cycleWay').val(),
                            weekDay     : checkDay,
                            endWay      : $('#endWay').val(),
                            patrol_times: $('#patrol_times').val(),
                            patrol_time : $('#patrol_time').val(),
                            summary     : $('#summary').val(),
                            start_date  : $('#start_date').val(),
                            end_date    : $('#end_date').val(),
                            _token      : $('#_token').val(),
                        },
                        success: function(sendback){
                            $('#modal_add').modal('hide');
                            window.location.reload();
                        },
                        error   : function ( data )
                        {
                            var errors = data.responseJSON;
                            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
                            $.each(errors, function (key, data) {
                                console.log(key);
                                if( key == 'errors'){
                                    $.each(data, function (index, data) {
                                        $( "input[name='"+index+"']").closest('.form-group').addClass('has-error');
                                        $( "input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
                                    });
                                } else if (key == 'message') {
                                    if (data.length > 0)
                                        toastr['error'](data);    
                                }
                            });
                            $('#form_success_alert').hide();
                            $('#form_error_alert').show();
                            $('.modal').scrollTop($('#form_error_alert'));

                        }
                    });
                }
            });
});
$(document).on('click','#btn_modal_add',function(){
    $('#modal_add').modal('show');
});

//巡邏間隔
$(document).on('change','#interval',function(){
    getSummary();
});

//巡邏時間
$(document).on('click','#patrol_time_btn',function(){
    $('#patrol_time').focus();
});

//開始時間
$(document).on('change','#start_date',function(){
    getSummary();
});

//結束時間
$(document).on('change','#end_date',function(){
    getSummary();
});

//巡邏次數
$(document).on('keyup','#patrol_times',function(){
    getSummary();
});

$('#radioBtn_frequency a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');

    if(sel == 'day'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('天');

    }else if(sel == 'week'){
        $("#div_checkDay").css("display","block");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('週');
    }else if(sel == 'month'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","block");

        $('#interval_unit').val('個月');
    }else if(sel == 'year'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('年');
    }
    $('#frequency').val(sel);
    getSummary();
})

var checkDay = [false,false,false,false,false,false,false];
$('#checkBtn_checkDay a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    if($(this).hasClass("active")){
        $(this).removeClass('active').addClass('notActive');
        checkDay[sel-1] = false;
    }else if($(this).hasClass("notActive")){
        $(this).removeClass('notActive').addClass('active');
        checkDay[sel-1] = true;
    }
    getSummary();
})

$('#radioBtn_cycleWay a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');
    
    $('#cycleWay').val(sel);
    getSummary();
})

$('#radioBtn_enddate a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');

    if(sel == 'times'){
        $("#div_end_date_times").css("display","block");
        $("#div_end_date_date").css("display","none");
    }else if(sel == 'date'){
        $("#div_end_date_times").css("display","none");
        $("#div_end_date_date").css("display","block");

        if($("#end_date").val() ==''){
            $("#end_date").val(moment().format('YYYY-MM-DD')); 
        }
    }else{
        $("#div_end_date_times").css("display","none");
        $("#div_end_date_date").css("display","none");
    }
    $("#endWay").val(sel);

    getSummary();
})

$('.btn_delete').click(function() {
    var value = $(this).data('value');
    

});

function getSummary(){
    var summary = '';

    var array = ['一', '二', '三', '四', '五', '六','日'];

    if($('#interval').val() == 1){
        summary = '每';
    }else{
        summary = '每'+$('#interval').val();
    }

    if($('#frequency').val() == 'day'){
        summary += '天 ，';
    }else if($('#frequency').val() == 'week'){
        summary += '周 ，';

        for(var i =0 ; i < 7; i++){
            if(checkDay[i]){
                summary += ' 星期'+array[i]+'、';
            }
        }
        summary = summary.substring(0,summary.length - 1);
        summary += '，';
    }else if($('#frequency').val() == 'month'){
        summary += '月 ，';
        if($('#cycleWay').val() == 'day'){
            var day = moment($('#start_date').val(), 'YYYY/MM/DD');
            summary += '第'+day.date()+'天 ，';
        }else if($('#cycleWay').val() == 'week'){
            summary += getNumOfWeek($('#start_date').val());
        }

    }else if($('#frequency').val() == 'year'){
        summary += '年 ，';
    }

    if($('#endWay').val() == 'forever'){
        summary = summary.substring(0,summary.length - 1);
    }else if($('#endWay').val() == 'times'){
        summary += ' 於'+$('#patrol_times').val()+'次後結束';
    }if($('#endWay').val() == 'date'){
        summary += ' 於'+$('#end_date').val()+'結束';
    }
    

    $('#summary').val(summary);
}

    function getNumOfWeek(date){
        var origin = new moment(date);
        var dd = new moment(date);
        dd.add('d', 7);
        
        if(origin.month() < dd.month()){
            return "最後一個"+dayTransfer(origin.day())+"，";
        }else{
            dd = new moment(date);
            dd.date(1);
            var week = 0;
            while(dd.date() <= origin.date() && dd.month() == origin.month()){
                if(dd.day() == origin.day()){
                    week = week + 1;
                }
                dd.add('d', 1);
            }
            return '第'+week+'個'+dayTransfer(origin.day())+'，';
        }
    }
    function dayTransfer(day){
        console.log(day);
        var array = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];

        return array[day];
    }
</script>
@endsection