@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">{{'Orden de Trabajo - crear'}}</h3>
                </div>
            </div>

            <form action="{{ route('ordenes.store') }}" method="POST">
                @csrf
                <div class="small-box bg-white espacio5">
                    <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" onblur="validar_cliente_orden()" placeholder="rut sin puntos y sin digito" 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" required 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" required 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" placeholder="opcional , ingresar para empresas" 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" type="text" placeholder="opcional" 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" type="text" placeholder="opcional" class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 espacio10"></div>
                        <input type="hidden" name="nro_equipos" id="nro_equipos" value="1" />
                        <input type="hidden" name="origen_orden_id" id="origen_orden_id" value="{{$origen}}" />
                    </div>
                </div>

                @if ($origen == 1)
                    <div id="equipos_s">
                        <div class="small-box bg-white" id="equipo_s1">
                            <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: 1</label>
                                        </div>
                                    </div>
                                    <div class="row costado_corto espacio5">
                                        <div class="col-md-3">
                                            <span class="badge text-black badge-default">Tipo Equipo</span>
                                            <select id="producto_s1" name="producto_s1" class="form-control form-control-sm">
                                                <option value="">{{'Seleccionar'}}</option>
                                                @foreach ($productos as $producto)
                                                    <option value="{{$producto->codigo}}">{{$producto->nombre}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <span class="badge text-black badge-default">Marca</span>
                                            <select id="marca_s1" name="marca_s1" class="form-control form-control-sm">
                                                <option value="">{{'Seleccionar'}}</option>
                                                @foreach ($marcas as $marca)
                                                    <option value="{{$marca->id}}">{{$marca->nombre}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <span class="badge text-black badge-default">Modelo Equipo</span>
                                            <input id="modelo_s1" name="modelo_s1" type="text"  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" id="observacion_detalle_s1" name="observacion_detalle_s1" rows="1"></textarea>
                                        </div>
                                        <div class="col-md-4 espacio30">
                                            <button type="button" id="s1" onclick="agregar_equipo(this)" class="btn btn-sm btn-success">Otro</button>
                                            <!--<button type="button" id="s1" onclick="quitar_equipo(this)" class="btn btn-sm btn-danger">Quitar</button>-->                                          </div>
                                    </div>
                                </div>
                                <div class="col-md-12 espacio10"></div>
                            </div>
                        </div>
                    </div>
                @else
                    <div id="equipos_r">
                        <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>
                                                    <select id="producto_r1" name="producto_r1" class="form-control form-control-sm">
                                                        <option value="">{{'Seleccionar'}}</option>
                                                        @foreach ($productos as $producto)
                                                            <option value="{{$producto->codigo}}">{{$producto->nombre}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <span class="badge text-black badge-default">Marca</span>
                                                    <select id="marca_r1" name="marca_r1" class="form-control form-control-sm">
                                                        <option value="">{{'Seleccionar'}}</option>
                                                        @foreach ($marcas as $marca)
                                                            <option value="{{$marca->id}}">{{$marca->nombre}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <span class="badge text-black badge-default">Capacidad</span>
                                                    <select id="capacidad_r1" name="capacidad_r1" class="form-control form-control-sm">
                                                        <option value="">{{'Seleccionar'}}</option>
                                                        @foreach ($capacidades as $capacidad)
                                                            <option value="{{$capacidad->id}}">{{$capacidad->nombre}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-3">
                                                    <span class="badge text-black badge-default">Serie</span>
                                                    <input id="serie_r1" name="serie_r1" type="text" class="form-control form-control-sm ">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row costado_corto">
                                        <div class="col-md-3 espacio6">
                                            <div class="form-group">
                                                <span class="badge text-black badge-default">Modelo</span>
                                                <input type="text" id="modelo_r1" name='modelo_r1' class="form-control form-control-sm" />
                                            </div>
                                        </div>
                                        <div class="col-md-5 espacio5">
                                            <span class="badge text-black badge-default">Observacion</span>
                                            <textarea class="form-control" id="observacion_detalle1" name="observacion_detalle1" rows="1"></textarea>
                                        </div>
                                        <div class="col-md-3 espacio30">
                                            <button type="button" id="r1" onclick="agregar_equipo(this)" class="btn btn-sm btn-success">+ Unidad</button>
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 espacio10"></div>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="row espacio30">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                @if ($ind == "s")
                                    <button type="button" onclick="volver_orden('s')" class="btn btn-sm btn-danger">Cancelar</button>
                                @else
                                    <button type="button" onclick="volver_orden('r')" class="btn btn-sm btn-danger">Cancelar</button>
                                @endif
                                <button type="submit" class="btn btn-sm btn-primary">Aceptar</button>
                            </div>
                            <div class="col-md-6"></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Ingreso Clientes -->

<div class="modal fade" id="ingreso_clientes" role="dialog" aria-labelledby="modal_clientes" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal_clientes">{{'Ingreso de Clientes'}}</h5> 
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-4">
                            <span class="badge text-black badge-default">Codigo</span>
                            <input id="codigo_cliente" name="codigo_cliente" type="text" readonly class="form-control form-control-sm ">
                        </div>
                        <div class="col-md-4">
                            <span class="badge text-black badge-default">Rut</span>
                            <input id="rut_cliente" name="rut_cliente" type="text" readonly class="form-control form-control-sm ">
                        </div>
                        <div class="col-md-4">
                            <span class="badge text-black badge-default">Pasaporte</span>
                            <input id="pasaporte_cliente" name="pasaporte_cliente" type="text" class="form-control form-control-sm ">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <span class="badge text-black badge-default">Nombre o Razon Social</span>
                            <input id="razon_social_cliente" name="razon_social_cliente" type="text" class="form-control form-control-sm ">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <span class="badge text-black badge-default">Direccion</span>
                            <input id="direccion_cliente" name="direccion_cliente" type="text" class="form-control form-control-sm ">
                        </div>
                        <div class="col-md-4">
                            <span class="badge text-black badge-default">Comuna</span>
                            <select id="comuna_cliente" name="comuna_cliente" class="form-control form-control-sm">
                                <option value="">{{'Seleccionar'}}</option>
                                @foreach ($comunas as $comuna)
                                    <option value="{{$comuna->codigo}}">{{$comuna->nombre}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <span class="badge text-black badge-default">Giro</span>
                            <select id="giro_cliente" name="giro_cliente" class="form-control form-control-sm">
                                <option value="">{{'Seleccionar'}}</option>
                                @foreach ($giros as $giro)
                                    <option value="{{$giro->id}}">{{$giro->nombre}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-8">
                            <span class="badge text-black badge-default">Email</span>
                            <input id="email_cliente" name="email_cliente" type="email" class="form-control form-control-sm ">
                        </div>
                    </div>
                    <div class="row espacio20">
                        <div class="col-md-4">
                            <button type="button" onclick="agregar_cliente()" class="btn btn-success btn-sm">Guardar</button>
                            <button type="button" onclick="cerrar_modal_cliente()" class="btn btn-danger btn-sm">Cancelar</button>
                        </div>
                        <div class="col-md-8"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" onclick="cerrar_modal_cliente()" data-dismiss="modal">Cerrar</button>
            </div>
        </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