@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])

@section('content')
<form action="{{ route('bolsa.store') }}" method="POST">
    @csrf

    <div style="clear:both;">&nbsp;</div>
    <fieldset>
        <legend><h1>Bolsa de Metales PM</h1></legend>
        <div style="width:50%; margin:0 auto;">
            <table cellspacing="0" cellpadding="0" style="text-align:justify; width:100%;">
                <tbody>
                    <tr style="background-color:#d48956; color:#fff;">
                        <td>Cobre (US$/lb):</td>
                        <td><input type="text" name="cobre" id="cobre" style="width:100%;color: #000;" value="{{ old('cobre') }}"></td>
                    </tr>
                    <tr style="background-color:#d48956; color:#fff;">
                        <td>Aluminio (US$/lb):</td>
                        <td><input type="text" name="aluminio" id="aluminio" style="width:100%;color: #000;" value="{{ old('aluminio') }}"></td>
                    </tr>
                    <tr style="background-color:#d48956; color:#fff;">
                        <td>Plomo (US$/lb):</td>
                        <td><input type="text" name="plomo" id="plomo" style="width:100%;color: #000;" value="{{ old('plomo') }}"></td>
                    </tr>
                    <tr style="background-color:#d48956; color:#fff;">
                        <td>Zinc (US$/lb):</td>
                        <td><input type="text" name="zinc" id="zinc" style="width:100%;color: #000;" value="{{ old('zinc') }}"></td>
                    </tr>
                    <tr style="background-color:#3658b9; color:#fff;">
                        <td>Niquel (US$/lb):</td>
                        <td><input type="text" name="niquel" id="niquel" style="width:100%;color: #000;" value="{{ old('niquel') }}"></td>
                    </tr>
                    <tr style="background-color:#3658b9; color:#fff;">
                        <td>Estaño (US$/lb):</td>
                        <td><input type="text" name="estano" id="estano" style="width:100%;color: #000;" value="{{ old('estano') }}"></td>
                    </tr>
                    <tr style="background-color:#b3b5bc; color:#fff;">
                        <td>Oro (London) - (US$/oz):</td>
                        <td><input type="text" name="oro" id="oro" style="width:100%;color: #000;" value="{{ old('oro') }}"></td>
                    </tr>
                    <tr style="background-color:#b3b5bc; color:#fff;">
                        <td>Plata (London) - (US$/oz):</td>
                        <td><input type="text" name="plata" id="plata" style="width:100%;color: #000;" value="{{ old('plata') }}"></td>
                    </tr>
                    <tr>
                        <td>Mes:</td>
                        <td>
                            <select name="mes" id="mes" style="width:100%">
                                <option value="">Seleccione Mes</option>
                                @foreach (['01' => 'Enero', '02' => 'Febrero', '03' => 'Marzo', '04' => 'Abril', '05' => 'Mayo', '06' => 'Junio', '07' => 'Julio', '08' => 'Agosto', '09' => 'Septiembre', '10' => 'Octubre', '11' => 'Noviembre', '12' => 'Diciembre'] as $key => $mes)
                                    <option value="{{ $key }}" {{ old('mes') == $key ? 'selected' : '' }}>{{ $mes }}</option>
                                @endforeach
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Día:</td>
                        <td>
                            <select name="dia" id="dia" style="width:100%">
                                <option value="">Seleccione Día</option>
                                @for ($i = 1; $i <= 31; $i++)
                                    <option value="{{ $i }}" {{ old('dia') == $i ? 'selected' : '' }}>{{ $i }}</option>
                                @endfor
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Año:</td>
                        <td>
                            <select name="anio" id="anio" style="width:100%">
                                <option value="">Seleccione Año</option>
                                @for ($year = 2024; $year <= 2037; $year++)
                                    <option value="{{ $year }}" {{ old('anio') == $year ? 'selected' : '' }}>{{ $year }}</option>
                                @endfor
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">
                            <div style="float:right;">
                                <input type="submit" id="guardar_datos_bolsa" value="Guardar" class="boton">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </fieldset>
</form>
@endsection