@extends('layouts.seller')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            {{-- <p>{!! ($copy) ? __('schedule.copy_shift') : __('schedule.schedule_edit') !!}</p> --}}
            <p>{!! __('schedule.schedule_edit') !!}</p>
            <div><small>{!! $title !!}</small></div>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('schedule.index') !!}">{!! __('schedule.schedule') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{!! route('schedule.index') !!}">{!! __('schedule.schedule_list') !!}</a>
                    </li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    {!! Form::model($result, ['route' => ['schedule.update-info', $result->id], 'method' => 'POST', 'id' => 'ajaxSave', 'files' => true]) !!}
    {{-- {!! Form::model($result, ['route' => $route, 'method' => 'POST', 'id' => 'ajaxSave', 'files' => true]) !!} --}}
    <div class="row">
        <div class="col-12">
            <div class="error-msg font-14 mt-2"></div>

            <div class="round-white-bg box-shadow">
                <div class="row">
                    @if($isPunchIn)
                        <div class="col-md-12">
                            <div class="alert alert-warning">
                                <strong><i class="fa fa-info"></i></strong> &nbsp; {!! __('schedule.already_punch_in_message') !!}
                            </div>
                        </div>
                    @endif

                    @php
                        $dateAttr = ($isPunchIn) ? ['class' => 'form-control', 'readonly' => 'true'] : ['class' => 'form-control datepicker-input'];
                        $timeAttr = ($isPunchIn) ? ['class' => 'form-control', 'readonly' => 'true'] : ['class' => 'form-control t-picker'];
                        if($isPunchIn) {
                            $employee = [
                                $result->employee_id => $result->first_name .' ' . $result->last_name
                            ];
                        }
                    @endphp
                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('shift_date', __('schedule.shift_date'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::text('shift_date', dateFormat($result->start_dt, SHOW_DATE), $dateAttr) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('shift_from', __('schedule.shift_from'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::text('shift_from', dateFormat($result->start_dt, SHOW_TIME_24), $timeAttr) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('shift_to', __('schedule.shift_to'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::text('shift_to', dateFormat($result->end_dt, SHOW_TIME_24), $timeAttr) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('shift_type', __('schedule.shift_type'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::select('shift_type', $shiftType, $result->shift_type_id, ['class' => 'form-control select2']) !!}
                    </div>
                </div>

                <div class="row">
                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('employee', __('schedule.employee'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::select('employee', $employee, $result->employee_id, ['class' => 'form-control select2 __employee']) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('employee_group', __('schedule.employee_group'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::select('employee_group', $employeeGroup, $result->employee_group_id, ['class' => 'form-control select2']) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('break', __('schedule.break'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::number('break', (int) $result->break_time, ['class' => 'form-control']) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('payroll', __('schedule.payroll_approved'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::select('payroll', yesNo(false), $result->is_approved, ['class' => 'form-control select2']) !!}
                    </div>
                </div>

                <div class="row">
                    <div class="custom-input-group colored-field-group col-md-3">
                        {!! Form::label('vakttype', __('schedule.vakttype'), ['class' => 'control-label mb-2']) !!}
                        {!! Form::select('vakttype', vaktType(), $result->vakttype, ['class' => 'form-control select2']) !!}
                    </div>

                    <div class="custom-input-group colored-field-group col-md-3 mt-4">
                        <label class="custom-control custom-small-control custom-white-control">
                            {!! Form::checkbox('send_notification', 1) !!}
                            <span class="custom-control-box"><i class="fas fa-check"></i></span> &nbsp;
                            {!! __('schedule.send_notification') !!}
                        </label>
                    </div>

                    @if($isPunchIn)
                        <div class="custom-input-group colored-field-group col-md-3">
                            <b>{!! __('schedule.punch_clock_timings') !!}</b>
                            <div>
                                {!! __('schedule.punch_start_time') !!} - {!! dateFormat($punchResult->punch_in_time, SHOW_TIME_24) !!}
                            </div>

                            @if($punchResult->punch_out_time != '')
                                <div>
                                    {!! __('schedule.punch_end_time') !!} - {!! dateFormat($punchResult->punch_out_time, SHOW_TIME_24) !!}
                                </div>
                            @endif
                        </div>
                    @endif
                    @if($result->is_approved == 1)
                        <div class="custom-input-group colored-field-group col-md-3">
                            <b>{!! __('schedule.approve_timings') !!}</b>
                            <div>
                                {!! __('schedule.approved_start_time') !!} - {!! dateFormat($result->approved_start_time, SHOW_TIME_24) !!}
                            </div>

                            @if($result->approved_end_time != '')
                                <div>
                                    {!! __('schedule.approved_end_time') !!} - {!! dateFormat($result->approved_end_time, SHOW_TIME_24) !!}
                                </div>
                            @endif
                            @if($result->approved_break_time  > 0)
                                <div>
                                    {!! __('schedule.approved_break_time') !!} - {!! $result->approved_break_time !!}
                                </div>
                            @endif
                        </div>
                    @endif
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="round-white-bg box-shadow">
                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="comment-tab" data-toggle="tab" href="#comment" role="tab" aria-controls="comment" aria-selected="true">{!! __('schedule.comment') !!}</a>
                                </li>

                                {{-- <li class="nav-item">
                                    <a class="nav-link" id="wage-tab" data-toggle="tab" href="#wage" role="tab" aria-controls="wage" aria-selected="false">{!! __('schedule.wage') !!}</a>
                                </li> --}}

                                <li class="nav-item">
                                    <a class="nav-link" id="history-tab" data-toggle="tab" href="#history" role="tab" aria-controls="history" aria-selected="false">{!! __('schedule.history') !!}</a>
                                </li>
                            </ul>

                            <div class="tab-content mt-2" id="myTabContent">
                                <div class="tab-pane fade show active" id="comment" role="tabpanel" aria-labelledby="comment-tab">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="custom-input-group colored-field-group">
                                                {!! Form::label('comment', __('schedule.comment'), ['class' => 'control-label']) !!}
                                                {!! Form::textarea('comment', $result->description, ['class' => 'form-control', 'size' => '5x3']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="history" role="tabpanel" aria-labelledby="history-tab">
                                    @if(isset($logHistory) && count($logHistory) > 0)
                                        <table class="table table-bordered nowrap">
                                            <thead>
                                            <tr>
                                                <th>{!! __('schedule.time') !!}</th>
                                                <th>{!! __('schedule.change') !!}</th>
                                                <th>{!! __('schedule.change_by') !!}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $i=1;
                                                @endphp

                                                @foreach($logHistory as $detail)
                                                    <tr>
                                                        <td>{!! dateFormat($detail->created_at, 'H:i') !!}</td>

                                                                                                               <td>
                                                           
                                                            {!! $message !!}

                                                            @if($message != '') <br/> @endif
                                                            @if(($oldDt != '' && $newDt != '') && strtotime($oldDt) != strtotime($newDt))
                                                                <strong>{!! __('schedule.shift_date') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! dateFormat($oldDt, 'd.m.Y') !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! dateFormat($newDt, 'd.m.Y') !!}</strong>.
                                                                <br/>
                                                            @endif

                                                            @if(($oldGroup != '' && $newGroup != '') && $oldGroup != $newGroup)
                                                                <strong>{!! __('schedule.employee_group') !!}</strong>  {!! __('schedule.changed_from') !!}
                                                                <strong>{!! $oldGroup !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! $newGroup !!}</strong>
                                                                <br/>
                                                            @endif

                                                            @if(($oldShift != '' && $newShift != '') && $oldShift != $newShift)
                                                                <strong>{!! __('schedule.shift_type') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! $oldShift !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! $newShift !!}</strong>
                                                                <br/>
                                                            @endif

                                                            @if(($oldStartTime != '' && $newStartTime != '') && strtotime($oldStartTime) != strtotime($newStartTime))
                                                                <strong>{!! __('schedule.start_time') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! dateFormat($oldStartTime, 'H:i') !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! dateFormat($newStartTime, 'H:i') !!}</strong>
                                                                <br/>
                                                            @endif

                                                            @if(($oldEndTime != '' && $newEndTime != '') && strtotime($oldEndTime) != strtotime($newEndTime))
                                                                <strong>{!! __('schedule.end_time') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! dateFormat($oldEndTime, 'H:i') !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! dateFormat($newEndTime, 'H:i') !!}</strong>
                                                                <br/>
                                                            @endif

                                                            @if(($oldBreak != '' && $newBreak != '') && $oldBreak != $newBreak)
                                                                <strong>{!! __('schedule.break') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! $oldBreak !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! $newBreak !!}</strong>
                                                                <br/>
                                                            @endif

                                                            @if(($oldPayroll != '' && $newBreak != '') && $oldPayroll != $newPayroll)
                                                                <strong>{!! __('schedule.payroll_approved') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! ($oldPayroll == 1) ? 'Yes' : 'No' !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! ($newPayroll == 1) ? 'Yes' : 'No' !!}</strong>
                                                                <br/>
                                                            @endif
                                                            @if(($oldAppStart != '' && $newAppStart != '') && $oldAppStart != $newAppStart)
                                                                <strong>{!! __('schedule.approved_start_time') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! dateFormat($oldAppStart, 'H:i') !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! dateFormat($newAppStart, 'H:i') !!}</strong>
                                                                <br/>
                                                            @endif
                                                            @if(($oldAppEnd != '' && $newAppEnd != '') && $oldAppEnd != $newAppEnd)
                                                                <strong>{!! __('schedule.approved_end_time') !!}</strong> {!! __('schedule.changed_from') !!}
                                                                <strong>{!! dateFormat($oldAppEnd, 'H:i') !!}</strong> {!! __('schedule.to') !!}
                                                                <strong>{!! dateFormat($newAppEnd, 'H:i') !!}</strong>
                                                                <br/>
                                                            @endif

                                                        </td>
                                                        <td>{!! $detail->name !!}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    @else
                                        <div>{!! __('common.no_record_found') !!}</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group mt-3 text-left col-12">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                            </li>
                            {{-- <li class="list-inline-item">
                                <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                            </li> --}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
</div>
@endsection

@section('script')
<script>
    $('body').on('change', '#employee', function(e)
    {
        $('#employee_group').html('<option value="">Select Option</option>').selectpicker('refresh');
        $('#default_wage_div').html('').hide();
        let employee_id = $(this).val();
        let route = "{!! route('seller.employee-group.service') !!}";

        ajaxFire(route, { employee_id: employee_id }, function(response)
        {
            response =  (response.status == 1 ) ? response :  JSON.parse(response);
            if(response.status == 1) {
                $('#employee_group').html(response.options).selectpicker('refresh');
            }
        });
    });
</script>
@endsection