@extends('layouts.app')

@section('content')



<div class="container">


    <div class="row justify-content-center">
        <div class="col-md-10">

            @include('includes.message')

            <form method="POST" action="{{route('trabajos.store')}}" onsubmit="javascript:valida()"
                enctype="multipart/form-data" aria-label="{{ __('Trabajo') }}">
                @csrf
                <div class="card">

                    <!--encabezado-->
                    @if(!isset($trabajo->id))
                    <div class="card-header">
                        <div class="form-group row">
                            <div class="col-md-10">
                                Nuevo Trabajo
                            </div>

                            <a href="{{ route('trabajos.index')}}" >
                                Cancelar
                            </a>
                        </div>
                    </div>
                    @else
                    <div class="card-header">
                        <div class="form-group row">
                            <div class="col-md-10">
                                Modificar Trabajo
                            </div>
                            <div class="btn-nuevo">
                                <a href="{{ route('trabajos.index')}}">
                                    Cancelar
                                </a>
                            </div>

                        </div>
                    </div>
                    @endif

                    <div class="card-body">


                        <input type='hidden' name='id' value="{{$trabajo->id ? $trabajo->id : ''}}">
                        <input type='hidden' name='empresa_id' id='empresa_id'
                            value="{{$trabajo->id ? $trabajo->planta->empresa->id : ''}}">
                        <input type='hidden' name='planta' value="{{$trabajo->id ? $trabajo->planta->id : ''}}">

                        <div class="form-group row">


                            @if(!isset($trabajo->id))

                            <label for="tecnico" class="col-md-4 col-form-label text-md-right">
                                {{ __('Técnico') }}
                            </label>

                            <div class="col-md-6">
                                <select name="tecnico" id="tecnico" required class="form-control">
                                @if(!isset($tecnico))
                                    <option value="">Seleccione un Técnico</option>
                                    @endif
                                    @foreach($tecnicos as $t)
                                    <option

                                    @if(isset($tecnico) && $tecnico->id == $t->id) selected
                                    @endif
                                    value="{{$t->id
                                    }}">{{$t->name}} {{$t->surname}}

                                    </option>
                                    @endforeach
                                </select>
                                <br>
                            </div>

                            <label for="empresa" class="col-md-4 col-form-label text-md-right">
                                {{ __('Empresa') }}
                            </label>

                            <div class="col-md-6">
                                <select name="empresa" id="empresa" required class="form-control">
                                    <option value="">Seleccione una Empresa</option>
                                    @foreach($empresas as $empresa)
                                    <option value="{{$empresa->id
                                    }}">{{$empresa->razon_social}}</option>
                                    @endforeach
                                </select>
                                <br>
                            </div>



                            <label for="planta" class="col-md-4 col-form-label text-md-right">
                                {{ __('Planta') }}
                            </label>
                            <div class="col-md-6">
                                <select name="planta" id="planta" required class="form-control">
                                    <option value=""></option>
                                </select>
                            </div>
                            @else

                            <label for="tecnico" class="col-md-4  text-md-right">
                                {{ __('Técnico') }}
                            </label>

                            <div class="col-md-6">
                                <strong>{{$trabajo->tecnico->name}} {{$trabajo->tecnico->surname}}</strong>
                            </div>

                            <label for="empresa" class="col-md-4 text-md-right">
                                {{ __('Empresa') }}
                            </label>

                            <div class="col-md-6">
                                <strong>{{$trabajo->planta->empresa->razon_social}}</strong>
                            </div>
                            <label for="planta" class="col-md-4 text-md-right">
                                {{ __('Planta') }}
                            </label>
                            <div class="col-md-6">
                                <strong>{{$trabajo->planta->nombre}}</strong>
                            </div>
                            @endif

                        </div>


                    </div>

                    <div class="form-group row">
                        <label for="silos" class="col-md-2 col-form-label text-md-right">
                            {{ __('Silos') }}</label>
                        <div class="col-md-8 text-area">
                            <textarea class="form-control" name="silos" rows="3">{{$trabajo->silos ? $trabajo->silos : ''}}
                            </textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="toneladas" class="col-md-2 col-form-label text-md-right">
                            {{ __('Toneladas') }}</label>
                        <div class="col-md-8 text-area">
                            <textarea class="form-control" name="toneladas" rows="3">{{$trabajo->toneladas ? $trabajo->toneladas : ''}}
                            </textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="productos" class="col-md-2 col-form-label text-md-right">
                            {{ __('Productos') }}</label>
                        <div class="col-md-8 text-area">
                            <textarea class="form-control" name="productos" rows="3">{{$trabajo->productos ? $trabajo->productos : ''}}
                            </textarea>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                    <div class="form-group row mb-0">
                        <div class="col-md-6 offset-md-4">
                            <button type="submit" class="btn btn-outline-primary" name="b2" id="btnGuardar">
                                Guardar
                            </button>

                            <button type="submit"
                                    onclick="return confirm('¿Seguro que desea eliminar {{$trabajo->id}}?')"
                                    class="btn btn-outline-danger" name ="b-borrar">
                                Borrar
                            </button>
                        </div>
                    </div>
                    <br/>

                </div>

            </form>
        </div>

        @endsection



        @section('script')
        <script type="text/javascript">
        //cuando el documento está listo
        $(document).ready(function() {

            //cuando se selecciona una empresa se carga el rango de plantas
            $('#empresa').on('change', function() {
                var empresa_id = $(this).val();
                if ($.trim(empresa_id) != '') {

                    $.ajax({

                        url: "{{ route('getplantas', ['empresa_id' =>  " + empresa_id + "])}}",
                        data: "empresa_id=" + empresa_id,
                        dataType: "json",
                        method: "GET",
                        success: function(plantas) {
                            $('#planta').empty();
                            $('#planta').append(
                                "<option value=''>Seleccione una Planta</option>");
                            $.each(plantas, function(index, value) {
                                $('#planta').append("<option value='" + index +
                                    "'>" + value +
                                    "</option>");
                            });
                        },
                        fail: function() {},
                        beforeSend: function() {}
                    });



                }

            });


        });
        </script>
        @endsection