@extends('adminlte::page')

@section('title', 'Editar Orden de Servicio')
@section('plugins.Select2', true)
@section('content_header')
    <h1>Editar Orden de servicio </h1>
@stop

@section('content')

    <div class="row">
        <div class="col-md-6">

            <div class="card">
                <div class="card-body">

                    <a href="{{ route('ordenes-de-servicio.index') }}" class="btn btn-xs btn-warning">Lista de equipos</a>
                    <hr>


                    <form action="{{ route('ordenes-de-servicio.update', $orden) }}" method="POST" enctype="multipart/form-data">

                        <div class="form-group">
                            <label for="">Seleccionar Cliente</label>
                            <select class="form-control select2" style="width: 100%" name="cliente_id">
                                @foreach ($clientes as $cliente)
                                    <option value="{{ $cliente->id }}" {{ ($orden->cliente_id == $cliente->id) ? 'selected' : '' }}  > {{ $cliente->nombre }} {{ $cliente->apellidos }}</option>
                                @endforeach
                            </select>
                        </div>


                        <div class="form-group">
                            <label for="">Seleccionar Equipo</label>
                            <select class="form-control select2" style="width: 100%" name="equipo_id">
                                @foreach ($equipos as $equipo)
                                    <option value="{{ $equipo->id }}"  {{ ($orden->equipo_id == $equipo->id) ? 'selected' : '' }}  > {{ $equipo->numero_de_serie }} </option>
                                @endforeach
                            </select>
                        </div>


                        <div class="form-group">
                            <label for="">Fecha aproximada de entrega</label>
                            <input type="date" name="fecha_aproximada_entrega" class="form-control"
                                placeholder="Fecha aproximada de entrega" required value="{{ old('fecha_aproximada_entrega', $orden->fecha_aproximada_entrega) }}">
                        </div>


                        <div class="form-group">
                            <label for="">Problemas del equipo </label>
                            <textarea name="descripcion_del_problema" class="form-control" cols="30" rows="3">{{ $orden->descripcion_del_problema }}</textarea>
                        </div>

                        <div class="form-group">
                            <label for="">Costo estimado</label>
                            <input type="text" name="costo_estimado" class="form-control"
                                placeholder="Costo estimado del servicio" required value="{{ old('costo_estimado', $orden->costo_estimado) }}">
                        </div>



                        <div class="form-group">
                            <label for="">Estado de reparación</label>
                            <select name="estado_del_servicio" class="form-control">
                                <option value="En espera" {{  ($orden->estado_del_servicio == 'En espera' ? 'selected' : '') }} >En espera</option>
                                <option value="En proceso" {{  ($orden->estado_del_servicio == 'En proceso' ? 'selected' : '') }}>En proceso</option>
                                <option value="Reparado" {{  ($orden->estado_del_servicio == 'Reparado' ? 'selected' : '') }}>Reparado</option>
                            </select>
                        </div>

                        <div class="form-group">
                            @csrf
                            @method('PUT')
                            <button type="submit" class="btn btn-success btn-xs"> Editar Orden</button>
                        </div>
                    </form>

                </div>
            </div>

        </div>
    </div>


@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        .select2-container--default .select2-selection--single {
            height: 40px !important;
        }
    </style>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('.select2').select2()
        });
    </script>
@stop