@extends('decorator.console')

@section('page-title')
    {{ trans('workShift.detail.title') }}
@stop

@section('html-head')
    <meta name="menu" content="leaveManagementMenu">
@stop

@section('page-wrapper')
    <div class="row">
        <div class="col-md-12">
            <h1 class="page-header"> {{ trans('workShift.detail.heading') }} </h1>
            <p> {{ trans('workShift.detail.message') }} </p>
            <ol class="breadcrumb breadcrumb-dark col-md-12">
                <li><a href="{{ url('/console/dashboard') }}"> {{ trans('breadcrumb.dashboard') }} </a></li>
                <li class="active"> {{ trans('breadcrumb.leaveManagement.workWeek') }} </li>
            </ol>
        </div>
    </div>

    @include('common.console.message')

    <form id="workWeekForm" class="well form-horizontal" action="{{ url('/console/workWeekform') }}"
          method="post" enctype="multipart/form-data" >

        {!! csrf_field() !!}

        <input id="department_id" name="department_id" type="hidden" value="{{ $department_id }}">

        <fieldset>
            <legend class="accordion-heading">
                <a data-toggle="collapse" href="#collapse-work_week"> {{ $department->name }} {{ trans('workWeek.label.work_week') }}</a>
            </legend>
            <div id="collapse-work_week" class="accordion-body">
                @foreach($listOfWorkWeek as $key => $workWeek)
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="workWeek_start_date{{ $workWeek->id }}" class="col-md-4 control-label">
                                    {{ Carbon::create()->next($workWeek->day_of_the_week)->format('l') }}
                                </label>
                                <div class="col-md-8">
                                    <select id="workWeek_working_hour{{ $workWeek->id }}" name="workWeek_working_hour{{ $workWeek->id }}" class="form-control">
                                        @foreach($listOfWorkingHour as $workingHour)
                                            <option value="{{ $workingHour['value'] }}"
                                                @if ($workingHour['value'] == $workWeek->working_hour))
                                                selected="selected"
                                                @endif />
                                                {{ $workingHour['description'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </fieldset>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                
                <a class="btn btn-default cancel-employee" href="{{ url('/console/workWeeks') }}" title="Cancel">
                    <i class="fa fa-remove"></i> Done
                </a>
            </div>
        </div>
    </form>


    <script>
        $("#workWeekForm").submit(function(event){
            var $form = $(this);
            var $inputs = $form.find("input, select, button, textarea");
            var serializedData = $form.serialize();
            $inputs.prop("disabled", true);

            pleaseWaitDialog.showPleaseWait();
            request = $.ajax({
                url: $form.attr('action'),
                type: "post",
                data: serializedData
            });

            request.done(function (result, textStatus, jqXHR){
                console.log( "RESULT : " + JSON.stringify(result));
                pleaseWaitDialog.hidePleaseWait();
                if (result.status == "OK") {
                    swal({
                        title: "Success!",
                        text: result.errorMessage,
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "#4cae4c",
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                    }, function(){
                                                    window.location = "{{ url('/console/workWeekform?from=form') }}&department_id="+result.returnData.department_id;
                                            });
                } else if (result.status == "ERROR") {
                    ErrorMessage = "";
                    $.each(result.returnData.errors, function(i, error) {
                        ErrorMessage = ErrorMessage + error + "<br>";
                    });
                    swal({title: result.errorMessage, text: ErrorMessage, type: "warning", html: true });
                } else {
                    swal({title: "Error!", text: "Something went wrong! Please job Administrator.", type: "error", html: true });
                }
                $inputs.prop("disabled", false);
            });

            request.fail(function (result, textStatus, errorThrown){
                pleaseWaitDialog.hidePleaseWait();
                swal("Error!", result.responseText, "error");
                //console.error("The following error occurred: "+ textStatus, errorThrown);
            });

            request.always(function () {});

            event.preventDefault();
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            $("input[type='text']:visible:enabled:first", document.forms['workWeekForm']).focus();
        });
    </script>

@stop