@extends('taller.columnDetail')
@section('form')
    <form class="form-horizontal" role="form" method="POST" action="{{$route}}" id="mainForm" autocomplete="off">
    {{ csrf_field() }}


                 @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @foreach ($fieldNames as $field)
            <div class="form-group{{ $errors->has($fields[$i]) ? ' has-error' : '' }}">
                <label for="{{$fields[$i]}}" class="col-md-4 control-label">{{$field}}</label>
                <div class="col-md-6">
                  @if ($fields[$i] == 'startDate' || $fields[$i] == 'endDate')
                    <input id="{{$fields[$i]}}" type="date" class="form-control" name="{{$fields[$i]}}" value="{{$fieldValues[$i]}}"/>
                  @else
                    <input id="{{$fields[$i]}}" type="text" class="form-control" name="{{$fields[$i]}}" value="{{ $fieldValues[$i] }}">
                  @endif  
                  @if ($errors->has($fields[$i]))
                    <span class="help-block">
                        <strong>{{ $errors->first($fields[$i]) }}</strong>
                    </span>
                  @endif
                </div>
            </div>
                    @endforeach
        <div class="form-group">
                <label for="tipoServicio" class="col-md-4 control-label">Tipo de servicio: ()</label>
                <div class="col-md-6">
                    <select name="tipoServicio">
                        @foreach($tipoServicioOptions as $option)
                            {!!$option!!}
                        @endforeach
                    </select>
                 
                </div>
            </div>
        <input id="mechanics" type="text" name="mechanics" hidden>

        <table id="mechanicsTable" class="display" style="width:100%">
            <thead>
                <tr>
                    <th hidden>id</th>
                    <th>Mecánicos</th>
                </tr>
            </thead>
            <tbody>
                @foreach($mechanics as $mechanic)
                                        @if($mechanic['selected'])
                                            @endif
                    <tr class="{{$selected}}"><td hidden>{{$mechanic['id']}}</td><td>{{$mechanic['name']}}</td></tr>
                @endforeach
            </tbody>
        </table>
        <div>
            <div>
                <label for="workDetail">Observaciones</label>
            </div>
            <div>
                <textarea name='observaciones' rows="5" cols="50" form='mainForm'>{{$mantenimiento->observaciones}}</textarea>
            </div>
        </div>
        @if($mantenimiento->status === 3)
          <p><label>TERMINADO</label></p>
        @else
          <input type="checkbox" name="terminado" value="1"><label>MARCAR COMO TERMINADO</label><br>
        @endif
        <label>Encuestas disponibles</label><br>
        @foreach($availablePolls as $poll)
            <a href="{{$poll['url']}}" target="_blank">{{$poll['name']}}</a><br>
        @endforeach
        <div class="form-group">
          <div class="col-md-4 col-md-offset-2">
            @if(Auth::user()->rol == 1)
              <a type="submit" class="btn btn-danger" onclick="return confirm('¿Estás seguro de eliminar el registro?')" href="{{url('admin/servicios/activos')}}/eliminar/{{$mantenimiento->id}}">Eliminar</a>
            @endif
          </div>
          <div class="col-md-4">
              <button type="submit" class="btn btn-primary">
                  Guardar
              </button>
          </div>
        </div>
    </form>
    <script>
        $(document).ready(function() {
            var tableMec = $('#mechanicsTable').DataTable(
                {
                });
            $('#mechanicsTable tbody').on( 'click', 'tr', function ()
            {
                $(this).toggleClass('selected');
                var selectedM = tableMec.rows('.selected').data()
                var str = '';
                for (var i = selectedM.length - 1; i >= 0; i--)
                {
                    str = selectedM[i][0] + ',' + str
                }
                $('#mechanics').val(str)
            });
        });
    </script>
@endsection