@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-5">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="text-muted">{{'Orden de Trabajo Folio : '.$orden->folio}}</h3>
                </div>
            </div>

            <button type="button" class="btn btn-sm btn-primary" data-toggle="collapse" href="#ver_mas_div_evento" aria-controls="collapseExample" id='ver_mas_evento' >Ver Eventos</button>

            <div class="row espacio10">
                <div class="col-md-12">
                    <div class="collapse" id="ver_mas_div_evento">
                        <div class="card card-body">
                            @foreach ($eventos as $evento)
                                <p>{{'Fecha: '.date('d-m-Y',strtotime($evento->fecha))." - Hora: ".date('H:i',strtotime($evento->fecha))." - ".$evento->detalle}}</p>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <form action="{{ route('ordenes.evento_store') }}" method="POST">
                @csrf
                <div class="small-box bg-white espacio5">
                    <div class="row">
                        <div class="col-md-10 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-5">
                                    <span class="badge text-black badge-default">Fecha</span>
                                    <input id="fecha" name="fecha" type="date" class="form-control form-control-sm">
                                    <input type="hidden" name="ind" value="{{$ind}}" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-10 espacio5">
                            <div class="row costado_corto">
                                <div class="col-md-11">
                                    <span class="badge text-black badge-default">Detalle Evento</span>
                                    <textarea class="form-control form-control-sm" id="detalle" name="detalle" required rows="3"></textarea>
                                </div>
                            </div>   
                        </div>
                        <div class="col-md-7 espacio10"></div>
                        <input type="hidden" name="tipo_evento" id="tipo_evento" value="1" />
                        <input type="hidden" name="orden" id="orden" value="{{$orden->id}}" />
                    </div>
                </div>

                <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">Agregar</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