@extends('admin.layouts.app')

@section('title', 'Supplier Return')

@section('content')
<div class="container-fluid">
    <div class="mx-auto" style="max-width: 1180px;">
        <h1 class="fw-bold mb-4" style="font-size: 46px; line-height: 1.05; color: #0f172a;">Supplier Return (Purchase-এর বিপরীতে)</h1>

        <div class="card border-0 shadow-sm rounded-4 mb-3">
            <div class="card-body p-4">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Return No.</label>
                        <input type="text" class="form-control form-control-lg rounded-3" placeholder="উদা: SR-240826-01">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Return Date</label>
                        <input type="date" class="form-control form-control-lg rounded-3" value="{{ now()->format('Y-m-d') }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-semibold">Supplier *</label>
                        <input type="text" class="form-control form-control-lg rounded-3" placeholder="সাপ্লায়ার নাম">
                    </div>
                    <div class="col-12">
                        <label class="form-label fw-semibold">Notes</label>
                        <input type="text" class="form-control form-control-lg rounded-3" placeholder="নোট">
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm rounded-4 mb-3">
            <div class="card-body p-4">
                <label class="form-label fw-semibold">Purchase Item খুঁজুনে (নাম/কোড/ইনভয়েস/সাপ্লায়ার/বারকোড)</label>
                <input type="text" class="form-control form-control-lg rounded-3" placeholder="টাইপ করুন...">
            </div>
        </div>

        <div class="card border-0 shadow-sm rounded-0 bg-transparent">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-bordered align-middle mb-0 bg-white">
                        <thead>
                            <tr>
                                <th>PI#</th>
                                <th>Invoice</th>
                                <th>Supplier</th>
                                <th>Code</th>
                                <th>Name</th>
                                <th>Qty (-)</th>
                                <th>Unit Cost</th>
                                <th>Line Total</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td colspan="9" style="padding:14px 10px; font-size:18px;">রিটার্ন আইটেম যোগ করুন...</td></tr>
                            <tr>
                                <td colspan="6"></td>
                                <td class="text-end fw-bold" style="font-size:26px;">Total</td>
                                <td class="fw-bold" style="font-size:26px;">0.00</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="d-flex flex-wrap gap-2 mt-3">
                    <button class="btn btn-dark rounded-3 px-4 fw-semibold">সংরক্ষণ করুন</button>
                    <a href="{{ route('admin.supplier-returns.index') }}" class="btn btn-light border rounded-3 px-4 fw-semibold">সব Supplier Returns</a>
                </div>
            </div>
        </div>
    </div>
</div>
<style>.table thead th{font-size:16px;font-weight:700;text-align:center;background:#fff;padding:12px 10px;white-space:nowrap;}.table tbody td{padding:10px 8px;vertical-align:middle;font-size:16px;color:#0f172a;}</style>
@endsection
