@extends('layouts.app')
@section('title',$vendorList->number.' | BASCORE')
@section('content')
<div class="toolbar">
    <div>
        <h1 class="page-title">{{ $vendorList->number }}</h1>
        <div class="page-subtitle">{{ $vendorList->project_name ?: 'Vendor List' }} · {{ $vendorList->issue_date->format('d M Y') }}</div>
    </div>
    <div class="actions">
        <a class="btn btn-light" href="{{ route('vendor-lists.edit',$vendorList) }}">Edit</a>
        <a class="btn btn-primary" href="{{ route('vendor-lists.pdf',$vendorList) }}">Download PDF</a>
    </div>
</div>
<div class="grid grid-2">
    <div class="card card-pad"><h2>Project</h2><p><strong>{{ $vendorList->project_name ?: '-' }}</strong><br>{{ $vendorList->customer->customer_name ?? '-' }}<br>{{ $vendorList->customer->company_name ?? '' }}</p></div>
    <div class="card card-pad"><h2>Summary</h2><div class="total-row"><span>Date</span><strong>{{ $vendorList->issue_date->format('d M Y') }}</strong></div><div class="total-row"><span>Systems</span><strong>{{ $vendorList->items->count() }}</strong></div></div>
</div>
<div class="card card-pad" style="margin-top:18px">
    <h2>Vendor / Brand List</h2>
    <div class="table-wrap"><table><thead><tr><th>System</th><th>Preferred Brand</th><th>Alternative</th></tr></thead><tbody>
        @foreach($vendorList->items as $item)
            <tr><td>{{ $item->system_name }}</td><td><strong>{{ $item->preferred_brand }}</strong></td><td>{{ $item->alternative ?: '-' }}</td></tr>
        @endforeach
    </tbody></table></div>
</div>
@if($vendorList->notes)
    <div class="card card-pad" style="margin-top:18px"><h2>Notes</h2><p style="white-space:pre-line">{{ $vendorList->notes }}</p></div>
@endif
@endsection