@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/dataTables/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dataTables/responsive.bootstrap4.min.css') }}">
@stop

@section('menu')
    @if ($ind == "s")
        @include('menu.soporte')
    @else
        @include('menu.recuperacion')
    @endif
@stop

@section('content')

<h3 class="text-muted">{{'Ordenes de Trabajo'}}</h3>
<a href="/ordenes/{{$ind}}/create" class="btn btn-sm btn-primary">Nueva</a>
<input type="hidden" id="identificador" value="#ordenes" >
<div class="espacio10">
    <table id="ordenes" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
        <thead class="bg-primary text-white">
            <tr>
                <th scope="col" width="4%">{{'Folio'}}</th>
                <th scope="col" width="6%">{{'Fecha'}}</th>
                <th scope="col" width="3%">{{'Hora'}}</th>
                <th scope="col" width="6%">{{'Rut'}}</th>
                <th scope="col" width="23%">{{'Razon Social'}}</th>
                <th scope="col" width="17%">{{'E-mail'}}</th>
                <th scope="col" width="8%">{{'Estado'}}</th>
                <th scope="col" width="33%">{{'Opciones'}}</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($ordenes as $orden)
                <tr>
                    <td>{{$orden->folio}}</td>
                    <td>{{date('d-m-Y', strtotime($orden->fecha))}}</td>
                    <td>{{date('H:i', strtotime($orden->fecha))}}</td>
                    <td>{{$orden->rut}}</td>
                    <td>{{$orden->nombre}}</td>
                    <td>{{$orden->email}}</td>
                    <td>{{$orden->estado}}</td>
                    <td>
                        <form action="{{ route ('ordenes.destroy',$orden->id,$ind)}}" method="POST">
                            @if ($orden->estado_orden_id == 5)
                                <button type="button" disabled class="btn btn-sm btn-primary">{{'Acta Entrega'}}</button>
                            @else
                                <a href="/actas/{{$orden->id}}/create/{{$ind}}" class="btn btn-sm btn-primary">{{'Acta Entrega'}}</a>
                            @endif
                            @if ($orden->estado_orden_id == 1)
                                <a href="/presupuestos/{{$orden->id}}/create/{{$ind}}" class="btn btn-sm btn-secondary">{{'Presupuesto'}}</a>
                                <a href="/ordenes/{{$orden->id}}/edit/{{$ind}}" class="btn btn-sm btn-info">{{'Editar'}}</a>
                            @else
                                <button type="button" disabled class="btn btn-sm btn-secondary">{{'Presupuesto'}}</button>
                                <button type="button" disabled class="btn btn-sm btn-info">{{'Editar'}}</button>
                            @endif
                            <a href="/ordenes/{{$orden->id}}/evento/{{$ind}}" class="btn btn-sm btn-warning">{{'Evento'}}</a>
                            <a href="/ordenes/{{$orden->id}}/impresion/{{$ind}}" class="btn btn-sm btn-success" target="_blank">{{'Imprimir'}}</a>
                            @csrf
                            @method('DELETE')
                            @if($orden->estado_orden_id == 1)
                                <button type="submit" class="btn btn-sm btn-danger">Quitar</button>
                            @else
                                <button type="submit" disabled class="btn btn-sm btn-danger">Quitar</button>
                            @endif
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/dataTables/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/jquery.dataTables.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/dataTables.responsive.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/responsive.bootstrap4.min.js') }}" defer></script>
    <script src="{{ asset('js/dataTables/config-dt.js') }}" defer></script>
@stop