@extends('layouts.app')
@section('title', 'Price desk')

@section('content')
@php($input = 'mt-1 w-full rounded border border-slate-300 px-2 py-1.5 text-sm')
<h1 class="text-xl font-bold">Price desk</h1>
<form method="POST" action="{{ route('admin.prices.store') }}" class="mt-4 grid grid-cols-2 gap-3 rounded-lg border border-slate-200 bg-white p-4 text-sm md:grid-cols-4">
    @csrf
    <label>Product
        <select name="product" class="{{ $input }}">@foreach (config('drixem.products') as $key => $label)<option value="{{ $key }}">{{ $key }}</option>@endforeach</select>
    </label>
    <label>Market
        <select name="market" class="{{ $input }}"><option>MPOB</option><option>BMD</option><option value="PLATFORM">PLATFORM (Drixem indication)</option></select>
    </label>
    <label>Contract month <input type="month" name="contract_month" class="{{ $input }}"></label>
    <label>Price date <input type="date" name="price_date" value="{{ now()->toDateString() }}" required class="{{ $input }}"></label>
    <label>Price / MT <input type="number" step="0.01" name="price" required class="{{ $input }}"></label>
    <label>Currency <select name="currency" class="{{ $input }}"><option>MYR</option><option>USD</option></select></label>
    <label class="col-span-2">Source note <input type="text" name="source_note" placeholder="e.g. MPOB daily CPO, Peninsular" class="{{ $input }}"></label>
    <button class="col-span-2 rounded bg-crimson px-3 py-2 font-semibold text-white md:col-span-4">Publish to ticker</button>
</form>

<div class="mt-4 overflow-x-auto rounded-lg border border-slate-200 bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-xs uppercase text-slate-500"><tr><th class="p-3">Date</th><th class="p-3">Product</th><th class="p-3">Market</th><th class="p-3">Contract</th><th class="p-3">Price</th><th class="p-3">Source</th></tr></thead>
        <tbody>
        @foreach ($prices as $p)
            <tr class="border-t border-slate-100">
                <td class="p-3">{{ $p->price_date->format('d M Y') }}</td><td class="p-3">{{ $p->product }}</td><td class="p-3">{{ $p->market }}</td>
                <td class="p-3">{{ $p->contract_month ?: 'Spot' }}</td><td class="p-3 font-semibold">{{ $p->currency }} {{ number_format($p->price, 2) }}</td>
                <td class="p-3 text-xs text-slate-500">{{ $p->source_note }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $prices->links() }}</div>
@endsection