@extends('base')
@section('titulo')
    cotizacion completa
@endsection
@section('content')
    <!-- Mensaje ocupado -->
    @include('sessions')


    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">Listado de hojas de trabajo</li>
        </ol>
    </nav>

    {{-- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// --}}
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModal">
            Agregar Hoja de trabajo
        </button>
    </div>

    <!-- Agregar Modal -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header" style="background-color:#F2F2F2 !important;">
                    <h5 class="modal-title" id="exampleModalLongTitle">
                        <i class="fas fw fa-plus-circle"></i>
                        Agregar Hoja de trabajo
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('completa.store') }}" method="post">
                        @csrf
                        <div class="form-group required">

                            <label for="" class="control-label">Seleccione la cotización inicial: </label>
                            <select name="cotizacion_id" id="cotizacion_id" class="form-control" required>
                                @foreach ($iniciales as $cotizacion)
                                    @if ($cotizacion->creada_por == auth()->user()->name)
                                        <option value="{{ $cotizacion->id }}">{{ $cotizacion->codigo_cotizacion }}
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <input type="hidden" name="creado_por" value="{{ auth()->user()->name }}">
                        <div class="modal-footer d-flex justify-content-center">
                            <button type="submit" class="btn btn-primary">
                                <i class='fas fa-check-circle'></i>
                                Guardar
                            </button>
                            <a href="" class="btn btn-primary" data-dismiss="modal">
                                <i class='fa fa-times'></i>
                                Cancelar
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Fin Agregar Modal -->


    <table class=" table InitializeDataTable">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Item</th>
                <th scope="col">Codigo</th>
                <th scope="col">Fecha</th>
                <th scope="col">Cliente</th>
                <th>Vendedor</th>
                <th>Operativos</th>
                <th scope="col">Servicio</th>
                <th scope="col">Estado</th>

                <th scope="col">Acciones</th>
            </tr>
        </thead>
        <tbody>

            @foreach ($completas as $cotizacion)

                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $cotizacion->inicial->codigo_cotizacion }}</td>
                    <td>{{ date('d/m/Y', strtotime($cotizacion->created_at)) }}</td>
                    <td>{{ $cotizacion->inicial->cliente->nombre_cliente }}</td>
                    <td>{{ $cotizacion->inicial->creada_por }}</td>
                    <td>{{ $cotizacion->operativoC ? $cotizacion->operativoC->name : '' }}</td>
                    <td>{{ $cotizacion->inicial->servicio->nombre_servicio }}</td>
                    <td>{{ $cotizacion->estado }}</td>



                    <td style="display: flex">
                        <!--can('')-->
                        <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                            class="fas fa-w fa-trash"
                            style="color:gray !important; background-color:transparent; border: 0px solid;"
                            onclick="fun_delete('{{ $cotizacion->id }}')"></button>
                        <!---endcan-->
                        <a class="far fa-file" title="Adjuntos" href="{{ route('adjuntocc.index', $cotizacion->id) }}"
                            style="color:gray !important; margin-right: 12px"></a>

                        <a type="button" title="detalle" fas fa-w fa-clipboard-list class="fas fa-w fa-tasks m-1"
                            style="color:gray !important; background-color:transparent; border: 0px solid;"
                            href="{{ route('detalleCompleta.index', $cotizacion->id) }}"></a>
                        @if ($cotizacion->estado=='En proceso-Operaciones' || $cotizacion->estado=='Cerrada')
                            <a type="button" title="Reporte" fas fa-w fa-clipboard-list target="_blank"
                                class="fas fa-w fa-file-pdf m-1"
                                style="color:gray !important; background-color:transparent; border: 0px solid;"
                                href="{{ route('CotizacionCompleta.reporte', $cotizacion->id) }}"></a>
                        @endif
                        <a type="button" title="orden" fas fa-w fa-clipboard-list class="fas fa-w fas fa-file-invoice m-1"
                            style="color:gray !important; background-color:transparent; border: 0px solid;"
                            href="{{ route('detalleCompleta.ordenCompraIndex', $cotizacion->id) }}"></a>
                    </td>
                </tr>
            @endforeach
            {{-- @endforeach --}}
        </tbody>
    </table>



    <!-- Eliminar Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body align-self-center">
                    <form action="{{ route('completa.delete') }}" method="POST">
                        @csrf
                        {{ method_field('DELETE') }}
                        <div style="text-align: center">
                            <br>
                            <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                            <br>
                            <br>
                            <strong>
                                <h3>¿Estás seguro que deseas eliminar la cotizacion?</h3>
                            </strong>
                            <strong>Recuerda que NO podras revertir esta accion</strong>
                            <input type="hidden" id="delete_id" name="delete_id">
                        </div>
                        <div class="modal-footer d-flex justify-content-center">
                            <button type="submit" class="btn btn-primary">
                                <i class='fas fa-check-circle'></i>
                                Eliminar
                            </button>
                            <a href="" class="btn btn-primary" data-dismiss="modal">
                                <i class='fa fa-times'></i>
                                Cancelar
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>



    {{-- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// --}}




    @if ($errors->any())
        <div class="errors">
            <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <script>
        function fun_delete(id) {
            $("#delete_id").val(id);
        }
    </script>

@endsection