@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">{{ __('CREAR NUEVO DESPACHO') }}</h6>
                    <a class="btn btn-danger btn-sm" href="{{ route('despachos.index') }}">
                        {{ __('VOLVER') }}
                    </a>
                </div>
            </div>

            <div class="card-body">
                <form action="{{ route('despachos.store') }}" method="POST" id="despachoForm">
                    @csrf
                    <h6>{{ __('Ingresos Asociados') }}</h6>
            @if($blending->ingresos->isEmpty())
                <p>{{ __('No hay ingresos asociados a este blending.') }}</p>
            @else
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>{{ __('Fecha de Ingreso') }}</th>
                            <th>{{ __('Cliente') }}</th>
                            <th>{{ __('Lote') }}</th>
                            <th>{{ __('Peso') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($blending->ingresos as $ingreso)
                        <tr>
                            <td>{{ $ingreso->fecha_ingreso }}</td>
                            <td>{{ $ingreso->nom_iden }}</td>
                            <td>{{ $ingreso->lote }}</td>
                            <td>{{ $ingreso->peso_total }} kg</td>
                        </tr>
                        @endforeach
                    </tbody>
                    
                </table>
            @endif
            <div class="mb-3 d-flex justify-content-end">
                <strong>{{ __('Peso Total') }}:</strong>
                <span class="ms-2">{{ $blending->pesoblending }} kg</span>
            </div>
                    <div class="row">
                        <div class="form-group col-md-3 g-3">
                            <label for="fecha" class="text-muted">FECHA DESPACHO</label>
                            <input type="date" name="fecha" id="fecha" class="form-control" >
                        </div>
                        <div class="form-group col-md-3 g-3">
                            <label for="empresa" class="text-muted">EMPRESA DESPACHO</label>
                        <input type="text" class="form-control" name="empresa" required>
                    </div>

                    <div class="form-group col-md-3 g-3">
                        <label for="codigo" class="text-muted">CODIGO</label>
                        <input type="text" class="form-control" name="codigo" required>
                    </div>

                    <div class="form-group col-md-3 g-3">
                        <label for="deposito" class="text-muted">DEPOSITO</label>
                        <input type="text" class="form-control" name="deposito" required>
                    </div>

                    <div class="form-group col-md-3 g-3">
                        <label for="destino" class="text-muted">DESTINO</label>
                        <input type="text" class="form-control" name="destino" required>
                    </div>

@endsection