@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @if ($ind == "s")
        @include('menu.soporte')
    @else
        @include('menu.recuperacion')
    @endif
@stop

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="text-muted">{{'Acta de Entrega, Orden Folio : '.$orden->folio.' - Editar'}}</h3>
                </div>
            </div>

            <div class="small-box bg-white espacio10">
                <div class="row">
                    <div class="col-md-12 espacio5">
                        <div class="row costado_corto">
                            <div class="col-md-3">
                                <span class="badge text-black badge-default">Cliente</span>
                                <input id="cliente_id" name="cliente_id" type="text" value="{{$orden->codigo}}" readonly class="form-control form-control-sm">
                            </div>
                            <div class="col-md-3">
                                <span class="badge text-black badge-default">Rut</span>
                                <input id="rut" name="rut" type="text" value="{{$orden->rut}}" readonly class="form-control form-control-sm ">
                            </div>
                            <div class="col-md-5">
                                <span class="badge text-black badge-default">Nombre o Razon Social</span>
                                <input id="razon_social" name="razon_social" value="{{$orden->nombre}}" type="text" readonly class="form-control form-control-sm ">
                            </div>
                        </div>
                        <div class="row costado_corto">
                            <div class="col-md-5 espacio5">
                                <span class="badge text-black badge-default">Contacto</span>
                                <input id="contacto" name="contacto" type="text" readonly value="{{$orden->contacto}}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-4 espacio5">
                                <span class="badge text-black badge-default"> Email Contacto</span>
                                <input id="email_contacto" name="email_contacto" readonly type="mail" value="{{$orden->email_contacto}}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-2 espacio5">
                                <span class="badge text-black badge-default">Fono Contacto</span>
                                <input id="fono_contacto" name="fono_contacto" readonly type="text" value="{{$orden->telefono_contacto}}" class="form-control form-control-sm">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 espacio10"></div>                       
                </div>
            </div>

            <button type="button" class="btn btn-sm btn-success" data-toggle="collapse" href="#ver_div_mas_orden" aria-controls="collapseExample" id='ver_mas_orden' >Ver Datos Orden</button>

            <div class="row espacio5">
                <div class="col-md-12">
                    <div class="row espacio10">
                        <div class="col-md-12">
                            <div class="collapse" id="ver_div_mas_orden">
                                <div class="card card-body">
                                    @if ($ind == "s")
                                        <div id="equipos_s">
                                            @foreach($detalle as $equipo)
                                                <div class="small-box bg-white" id="{{'equipo_s'.$equipo->item}}">
                                                    <div class="row">
                                                        <div class="col-md-12 espacio2">
                                                            <div class="row costado_corto">
                                                                <div class="col-md-12 espacio5">
                                                                    <label class="form-label">{{"Equipo Nro: ".$equipo->item}}</label>
                                                                </div>
                                                            </div>
                                                            <div class="row costado_corto espacio5">
                                                                <div class="col-md-3">
                                                                    <span class="badge text-black badge-default">Tipo Equipo</span>
                                                                    <input  type="text" readonly value="{{$equipo->producto}}"  class="form-control form-control-sm ">
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <span class="badge text-black badge-default">Marca</span>
                                                                    <input  type="text" readonly value="{{$equipo->marca}}"  class="form-control form-control-sm ">
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <span class="badge text-black badge-default">Modelo Equipo</span>
                                                                    <input type="text" value="{{$equipo->modelo}}" class="form-control form-control-sm ">
                                                                </div>
                                                            </div>
                                                            <div class="row costado_corto">
                                                                <div class="col-md-7 espacio5">
                                                                    <span class="badge text-black badge-default">Observacion</span>
                                                                    <textarea class="form-control"  rows="1">{{$equipo->observacion_detalle}}</textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 espacio10"></div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    @else
                                        <div id="equipos_r">
                                            @foreach($detalle as $equipo)
                                                <div class="small-box bg-white" id="equipo_r1">
                                                    <div class="row">
                                                        <div class="col-md-12 espacio2">
                                                            <div class="row costado_corto">
                                                                <div class="col-md-12 espacio5">
                                                                    <label class="form-label">Unidad Nro: 1</label>
                                                                </div>
                                                            </div>
                                                            <div class="row costado_corto espacio5">
                                                                <div class="col-md-11">
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <span class="badge text-black badge-default">Tipo Unidad</span>
                                                                            <input  type="text" readonly value="{{$equipo->producto}}"  class="form-control form-control-sm ">
                                                                        </div>
                                                                        <div class="col-md-3">
                                                                            <span class="badge text-black badge-default">Marca</span>
                                                                            <input  type="text" readonly value="{{$equipo->marca}}"  class="form-control form-control-sm ">
                                                                        </div>
                                                                        <div class="col-md-3">
                                                                            <span class="badge text-black badge-default">Capacidad</span>
                                                                            <input  type="text" readonly value="{{$equipo->capacidad}}"  class="form-control form-control-sm ">
                                                                        </div>
                                                                        <div class="col-md-3">
                                                                            <span class="badge text-black badge-default">Serie</span>
                                                                            <input type="text" readonly value="{{$equipo->serie}}" class="form-control form-control-sm ">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row costado_corto">
                                                                <div class="col-md-7 espacio5">
                                                                    <span class="badge text-black badge-default">Observacion</span>
                                                                    <textarea class="form-control"  rows="1">{{$equipo->observacion_detalle}}</textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 espacio10"></div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <form action="{{ route('actas.update',$ind) }}" method="POST">
                @csrf
                @method('put')
                <div class="small-box bg-white">
                    <div class="row">
                        <div class="col-md-12 espacio2">
                            <div class="row costado_corto">
                                <div class="col-md-7 espacio5">
                                    <span class="badge text-black badge-default">Observacion</span>
                                    <textarea class="form-control" id="observacion" name="observacion" rows="1">{{$acta->observacion}}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 espacio10"></div>
                    </div>
                </div>

                <div class="row espacio30">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                <input type="hidden" name="orden" value="{{$orden->id}}" />
                                <input type="hidden" name="ind" value="{{$ind}}" />
                                <button type="button" onclick="volver_acta('s')" class="btn btn-sm btn-danger">Cancelar</button>
                                <button type="submit" class="btn btn-sm btn-primary">Actualizar</button>
                            </div>
                            <div class="col-md-6"></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/jquery/jquery.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap/bootstrap.bundle.min.js') }}" defer></script>
    <script src="{{ asset('js/ordenes.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
@stop