@extends('metronic.base')


@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('select[name="bodega"').select2();
            document.querySelector('select[name="bodega"').parentElement.querySelector('span.select2-container')
                .style.width = "100%"
        });
    </script>
@endsection

@section('titulo')
    Tipo de ajustes
@endsection

@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Descarga de bodegas</li>
        </ol>
    </nav>
    @include('sessions')
    <h3 style="text-align: center">Descarga de bodegas</h3>




    @if (count($data) > 0)
        <table class="table table-bordered table-hover">
            <thead class="thead-dark">
                <tr>
                    <th scope="col" width="30">#</th>
                    <th scope="col">Bodega envio</th>
                    <th scope="col">Bodega recibido</th>
                    <th scope="col">Estado</th>
                    <th scope="col">Comentario</th>
                    <th scope="col">Fecha</th>
                    <th scope="col" class="text-center">Mostrar</th>

                </tr>
            </thead>
            <tbody>
                @foreach ($data as $key => $item)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $item->bodegaEnvio->bodega }}
                            {{ $item->bodegaEnvio->ciudad ? ' / ' . $item->bodegaEnvio->ciudad : '' }}</td>
                        <td>{{ $item->bodegaRecibido->bodega }}
                            {{ $item->bodegaRecibido->ciudad ? ' / ' . $item->bodegaRecibido->ciudad : '' }}</td>
                        <td>{{ $item->estado->estado }}</td>
                        <td>{{ $item->comentario }}</td>
                        <td>{{ date_format($item->created_at, 'd/m/Y') }}</td>
                        <td class="text-center">
                            @if ($item->estado->id == 3)
                                <a href="{{ route('inventario.descarga.descarga', $item->id) }}" class="btn btn-primary"
                                    href="">Iniciar descarga</a>
                            @elseif($item->estado->id == 4)
                                <a href="{{ route('inventario.descarga.descarga', $item->id) }}" class="btn btn-primary"
                                    href="">Continuar descarga</a>
                            @else
                                <a href="{{ route('inventario.descarga.descarga', $item->id) }}" class="btn btn-primary"
                                    href="">Ver descarga</a>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <div class="alert alert-danger">
            <strong>¡Opps! Parece que no tienes ningun proceso de descarga.</strong>
        </div>
    @endif

@endsection