@extends('Admin.Views.admin')

@include('employee::sidebar')

@section('content')
    <div class="card">
        <div class="card-body">
            <x-fieldhidden id="type" name="type" value="{{ $data['type'] }}" />
            <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 type = document.getElementById('type').value;
            var redirect = 'personal/sueldos/asignaciones-de-items/'+type+'/'+id;

            window.location.pathname = redirect;
        }
    </script>
    @if (! empty($item))
        <div class="alert bg-warning 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="alert bg-info text-white" role="alert">
            Aclaración: No se muestran los ítems asignados cuyo valor de "Fecha hasta" es anterior al día de hoy, tampoco los empleados dados de baja.
            <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="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>Desde / Hasta</th>
                            <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->cuit }}</span>
                                </td>
                                <td>
                                    <span class="assign-name">
                                        {{ $employee->name }}
                                    </span>
                                    <br>
                                    <span class="text-muted">{{ $employee->department_name }}</span>
                                </td>
                                <td>
                                    <span class="assign-contracttype">
                                        {{ $employee->contracttype_name }} &nbsp;
                                    </span>
                                </td>
                                @if (strpos($item['about'], 'cant') !== false)
                                    <td>
                                        <input type="number" step="0.01" name="amount[{{ $employee->id }}]"  value="{{ $employee->amount }}"  style="margin-top:0px; width:100%;" autocomplete="off">
                                    </td>
                                @endif
                                <td>
                                    <input type="date" name="startdate[{{ $employee->id }}]" value="{{ $employee->startdate }}" autocomplete="off">
                                    <br>
                                    <span class="text-muted"><input type="date" name="enddate[{{ $employee->id }}]" value="{{ $employee->enddate }}" autocomplete="off"></span>
                                </td>
                                <td>
                                    <div class="form-check">
                                        <input type="checkbox" @if (! empty($employee->item_id)) 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( $model_info->routes['create']) }}" class="btn btn-danger">
                                Salir sin guardar
                                <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