@extends('layouts.inspinia.app')
@section('title', 'Modificar OS')
@section('titulopagina', 'Gestión')

@section('content')
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Modificar OS <small></small></h5>
                        <div class="ibox-tools">

                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="row">
                            <div class="search-form">
                                <form action="{{ route('gestiones.update') }}" method="POST">
                                    @csrf
                                    @method('put')
                                    <div class="row">
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">
                                                <label>OS</label>

                                                <input type="text" placeholder="OS" name="orden" id="orden"
                                                    value="{{ $orden }}" readonly
                                                    class="form-control form-control-sm">

                                            </div>
                                        </div>
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">

                                                <label>Chofer</label>
                                                <input type="hidden" name="cod_chofer" id="cod_chofer"
                                                    value="{{ $datos[0]->cod_chofer }}">
                                                <input type="text" readonly name="chofer" id="chofer"
                                                    class="form-control form-control-sm" value="{{ $datos[0]->nombre }}">
                                                @error('cod_chofer')
                                                    <small class="text-danger">
                                                        *{{ $message }}
                                                    </small>
                                                @enderror
                                            </div>
                                        </div>





                                    </div>
                                    <div class="row">

                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">
                                                <label>Estado</label>
                                                <select class="form-control form-control-sm " name="cod_estado"
                                                    id="cod_estado">
                                                    <option value="">Seleccione Estado</option>
                                                    @foreach ($estados as $r)
                                                        <option value="{{ $r->cod_estado }}"
                                                            {{ old('cod_estado') ? 'selected' : '' }}>
                                                            {{ $r->descripcion }} </option>
                                                    @endforeach
                                                </select>
                                                @error('cod_estado')
                                                    <small class="text-danger">
                                                        *{{ $message }}
                                                    </small>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">

                                                <label>Subestado</label>
                                                <select class="form-control form-control-sm " name="cod_subestado"
                                                    id="cod_subestado">

                                                </select>
                                                @error('cod_subestado')
                                                    <small class="text-danger">
                                                        *{{ $message }}
                                                    </small>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">

                                                <label>Recibe</label>
                                                <input type="text" name="recibe" id="recibe" class="form-control form-control-sm" value="{{ old('recibe') }}">                                               
                                                @error('recibe')
                                                    <small class="text-danger">
                                                        *{{ $message }}
                                                    </small>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">

                                                <label>Rut recibe</label>
                                                <input type="text" name="rut" id="rut" class="form-control form-control-sm" value="{{ old('rut') }}">
                                                @error('rut')
                                                    <small class="text-danger">
                                                        *{{ $message }}
                                                    </small>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-md-6 pr-1">
                                            <div class="form-group">

                                                <div class="input-group-btn">
                                                    <button id="modificar" class="btn btn-lg btn-primary" type="submit">
                                                        Modificar
                                                    </button>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div id="respuesta"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection

@section('javascript')

    <script>
        $(document).ready(function() {
            $('#cod_estado').on('change', function() {
                let id = $('#cod_estado').val();
                $('#cod_subestado').empty();
                $('#cod_subestado').append('<option value="" disabled selected>Cargando...</option>');
                $.ajax({
                    type: 'GET',
                    url: '../../listarsubestadosjson/' + id,
                    success: function(response) {
                        var response = JSON.parse(response);
                        $('#cod_subestado').empty();
                        $('#cod_subestado').append(
                            '<option value="" disabled selected >Selecccione SubEstado</option>'
                            );
                        response.forEach(element => {
                            $('#cod_subestado').append('<option value="' + element[
                                'cod_sub_estado'] + '" >' + element[
                                'descripcion'] + '</option>');

                        });

                    }
                })

            })


            $('#data_5 .input-daterange').datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });

        });
    </script>
    <!-- blueimp gallery -->
    <link href="{{ asset('inspinia/css/plugins/blueimp/css/blueimp-gallery.min.css') }}" rel="stylesheet">
    <script src="{{ asset('inspinia/js/plugins/blueimp/jquery.blueimp-gallery.min.js') }}"></script>

@endsection