@extends('taller.columnDetail')
@section('form')
    <div class="panel-heading">Servicio terminado</div>
        <div class="panel-body">
            <table id="tmanto" class="display">
                <thead>
                    <th></th>
                    <th></th>
                </thead>
                <tbody>
                    <tr>
                        <th>Trabajo realizado:</th>
                        <td>{{$mantenimiento->workDetail}}</td>
                    </tr>
                    <tr>
                        <th>Horas trabajadas:</th>
                        <td>{{$mantenimiento->workedHours}}</td>
                    </tr>
                    <tr>
                        <th>Sucursal:</th>
                        <td>{{$mantenimiento->sucursal->name}}</td>
                    </tr>
                    <tr>
                        <th>Tipo de servicio:</th>
                        <td>{{$mantenimiento->tipoServicio}}</td>
                    </tr>
                    <tr>
                        <th>Fecha de ingreso a taller:</th>
                        <td>{{$mantenimiento->startDate}}</td>
                    </tr>
                    <tr>
                        <th>Fecha de salida de taller:</th>
                        <td>{{$mantenimiento->endDate}}</td>
                    </tr>
                    <tr>
                        <th>Mecánicos:</th>
                        <td>
                            <table>
                                @foreach($mechanics as $mechanic)
                                    @if($mechanic->selected)
                                        <tr>
                                            <td>
                                                {{$mechanic->name}}
                                            </td>
                                        </tr>
                                    @endif
                                @endforeach
                                
                            </table>
                            
                        </td>
                    </tr>
                    <tr>
                        <th>Folio de requisición:</th>
                        <td>{{$mantenimiento->requisicion}}</td>
                    </tr>
                    <tr>
                        <th>Departamento de servicio:</th>
                        <td>{{$mantenimiento->folio}}</td>
                    </tr>
                    <tr>
                        <th>Observaciones:</th>
                        <td>{{$mantenimiento->observaciones}}</td>
                    </tr>
                </tbody>
            </table>
        </div>

    <script>
        $(document).ready(function() {
            var tableMec = $('#tmanto').DataTable(
                {

                    paging: false,
                    searching: false,
                    ordering: false,
                    bInfo: false
                });
            
        });
    </script>
@endsection