@extends('Admin.Views.list')

@include('employee::sidebar')

@section('content')
    <div class="alert bg-teal text-white alert-styled-left alert-dismissible">
        Cargando ítems manuales para el período Nº {{ $period->id }}
        <br>
        <br>
        Período:
        <b>{{ $period->month }}/{{ $period->year }}</b>
        <br>
        <br>
        Descripción:
        {{ $period->description }}
    </div>
    <div class="card">
        <div class="card-body">
            <x-fieldhidden
                id="type"
                name="type"
                value="{{ $data['type'] }}"
            />
            <x-fieldhidden
                id="period_id"
                name="period_id"
                value="{{ $period->id }}"
            />
            <x-fieldselect
                id="employee_id"
                label='Elegir el empleado a asignar items'
                name='employee_id'
                :data="$data"
                :items='$model_info->employees'
                itemtext='name| - Legajo: |docket'
                itemindex='id'
                template="templateSelectEmployees"
                datatags="docket,dni"
            />
            <div class="text-right">
                <button type="button" class="btn btn-info" name="button" onclick="cambiarEmpleado();">
                    <i class="mi-arrow-forward"></i>
                    Ingresar
                </button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function cambiarEmpleado(){
            var id = document.getElementById('employee_id').value;
            var type = document.getElementById('type').value;
            var period_id = document.getElementById('period_id').value;
            var redirect = 'personal/sueldos/asignaciones-manuales-de-items/'+period_id+'/'+type+'/'+id;

            window.location.pathname = redirect;
        }
    </script>
    @if (! empty($model_info->items) AND ! empty($data['employee_id']))
        <div class="alert bg-info text-white alert-styled-left" role="alert">
            A continuación se muestran los ítems disponibles para asignar y se encuentran marcados los que ya están asignados.
            <br>
            Debe indicar la fecha desde cuando se calcula en la liquidación, puede estar vacío.
            <br>
            Debe indicar la fecha hasta cuando se calcula en la liquidación, puede estar vacío.
            <br>
            Para los ítems que se calculan por cantidad, deberá indicar dicha cantidad.
            <br>
            Para asignar efectivamente el ítem debe marcar el check "Asignado"
            <i class="mi-check-box" style="color:#fff; vertical-align:bottom;"></i>
            <br>
        </div>
        <form class="card"  method="post" action="{{ route('salary.assignments.save') }}">
            <input type="hidden" name="employee_id" value="{{ $data['id'] }}">
            <input type="hidden" name="period_id" value="{{ $period->id }}">
            <input type="hidden" name="type" value="byEmployee">
            <div class="card-header">
                <h4 class="card-title">Listado de items para asignar</h4>
            </div>
            <div class="card-body">
                @include('salary::assignments.search-item')
                @csrf
                <table class="table" id="table_assignment">
                    <thead>
                        <tr>
                            <th>Cód. / Nº</th>
                            <th>Item / Desc.</th>
                            <th>Tipo</th>
                            <th width="150px">Cantidad</th>
                            <th>Asignado</th>
                        </tr>
                    </thead>
                    <tbody class="table-items-asignments">
                        @foreach ($model_info->items as $item)
                            <tr>
                                <td class="text-center">
                                    <b class="assign-code">{{ $item->code }}</b>
                                    <br>
                                    <span class="text-muted">{{ $item->id }}</span>
                                </td>
                                <td>
                                    <span class="assign-name">
                                        {{ $item->name }}
                                    </span>
                                    <br>
                                    <span class="text-muted assign-description">{{ $item->description }}</span>
                                </td>
                                <td>
                                    <span class="assign-type">
                                        {{ $item->type }} &nbsp;
                                    </span>
                                </td>
                                <td>
                                    @if (strpos($item->about, 'cant') !== false)
                                        <input type="number" step="0.01" name="amount[{{ $item->id }}]"  value="{{ $item->amount }}"  style="margin-top:0px; width:100%;">
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    <div class="form-check form-check-switchery form-check-switchery-double">
                                        <input type="checkbox" @if (! empty($item->employee_id)) checked @endif name="items[{{ $item->id }}]" value="{{ $item->id }}" class="form-check-input-switchery" data-fouc>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="text-right col-12">
                        <div class="form-group">
                            <button type="submit" class="btn btn-success">
                                Guardar
                                <i class="mi-save ml-2"></i>
                            </button>
                            <a href="{{ route('salary.periods.detail', $period->id) }}" class="btn btn-danger">
                                Volver al período
                                <i class="mi-backspace ml-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endif
@endsection