@extends('Admin.Views.list')

@include('employee::sidebar')

@section('content')
    <div class="alert bg-warning 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="item_id"
                label='Elegir el item para asignar a empleados'
                name='item_id'
                :data="$data"
                :items='$model_info->items'
                itemtext='name'
                itemindex='id'
                template="templateSelectSalaryItems"
                datatags="description"
            />
            <div class="text-right">
                <button type="button" class="btn btn-info" name="button" onclick="cambiarItem();">
                    <i class="mi-arrow-forward"></i>
                    Ingresar
                </button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function cambiarItem(){
            var id = document.getElementById('item_id').value;
            var period_id = document.getElementById('period_id').value;
            var type = document.getElementById('type').value;
            var redirect = 'personal/sueldos/asignaciones-manuales-de-items/'+period_id+'/'+type+'/'+id;

            window.location.pathname = redirect;
        }
    </script>
    @if (! empty($item))
        <div class="alert bg-info alert-styled-left text-white" role="alert">
            A continuación se muestran los empleados disponibles para asignarles este ítem 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 asignar efectivamente el ítem debe marcar el check "Asignado"
            <i class="mi-check-box" style="color:#fff; vertical-align:bottom;"></i>
            <br>
        </div>
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">
                    <i class="icon-list mr-2"></i>
                    Detalles del ítem
                </h5>
            </div>
            <div class="card-body">
                <div class="row mb-2">
                    <div class="col-sm-2">
                        <b>Nombre:</b>
                    </div>
                    <div class="col-sm-10">
                        {{ $item['name'] }}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-2">
                        <b>Código:</b>
                    </div>
                    <div class="col-sm-10">
                        {{ $item['code'] }}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-2">
                        <b>Tipo:</b>
                    </div>
                    <div class="col-sm-10">
                        {{ $item['type'] }}
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-2">
                        <b>Descripción:</b>
                    </div>
                    <div class="col-sm-10">
                        {{ $item['description'] }}
                    </div>
                </div>
            </div>
        </div>
    @endif
    @if (! empty($model_info->employees) AND ! empty($data['item_id']))
        @include('salary::assignments.import-excel-fancy')
        <form class="card"  method="post" action="{{ route('salary.assignments.save') }}">
            <input type="hidden" name="item_id" value="{{ $data['id'] }}">
            <input type="hidden" name="period_id" value="{{ $period->id }}">
            <input type="hidden" name="type" value="byItem">
            <div class="card-header">
                <h5 class="card-title">
                    <i class="icon-users mr-2"></i>
                    Listado de empleados para asignar
                </h5>
            </div>
            <div class="card-body">
                @include('salary::assignments.search-employee')
                @csrf
                <table class="table" id="table_assignment">
                    <thead>
                        <tr>
                            <th>Legajo. / CUIT</th>
                            <th>Nombre / Oficina.</th>
                            <th>Tipo de contrato</th>
                            @if (strpos($item['about'], 'cant') !== false)
                                <th width="150px">Cantidad</th>
                            @endif
                            <th>Asignado</th>
                        </tr>
                    </thead>
                    <tbody class="table-items-asignments">
                        @foreach ($model_info->employees as $employee)
                            <tr id="tr_docket_{{ $employee->docket }}">
                                <td class="text-center">
                                    <b class="assign-docket">{{ $employee->docket }}</b>
                                    <br>
                                    <span class="text-muted assign-cuit">{{ $employee->person->cuit }}</span>
                                </td>
                                <td>
                                    <span class="assign-name">{{ $employee->person->name }}</span>
                                    <br>
                                    <span class="text-muted">{{ @$employee->lastmove->department->name }}</span>
                                </td>
                                <td>
                                    <span class="assign-contracttype">
                                        {{ @$employee->lastmove->contracttype->name }} &nbsp;
                                    </span>
                                </td>
                                @if (strpos($item['about'], 'cant') !== false)
                                    <td>
                                        <input type="number" step="0.01" name="amount[{{ $employee->id }}]"  value="{{ $employee->manualassignments->first()->amount ?? '' }}"  style="margin-top:0px; width:100%;" autocomplete="off">
                                    </td>
                                @endif
                                <td>
                                    <div class="form-check">
                                        <input type="checkbox" @if ($employee->manualassignments->isNotEmpty()) checked @endif name="employees[{{ $employee->id }}]" value="{{ $employee->id }}" class="form-check-input" autocomplete="off">
                                    </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>
        <script type="text/javascript">
            $(document).ready(function(){
                // $('#table_assignment').DataTable();
            });
        </script>
    @endif
@endsection