@extends('admin.layouts.master')

@section('title', 'طلبيات المبيعات')

@section('content')

<div class="card">

    <div class="card-header">

        <h3 class="card-title">

            طلبيات المبيعات

        </h3>

        <div class="card-toolbar">

            <a href="{{ route('sales-orders.create') }}"
               class="btn btn-primary">

                طلبية جديدة

            </a>

        </div>

    </div>

    <div class="card-body">
    <form
    method="GET"
    class="mb-5"
>

    <div class="row">

        <div class="col-md-3">

            <label>

                عرض طلبيات يوم

            </label>

            <input
                type="date"
                name="date"
                class="form-control"
                value="{{ request('date', now()->format('Y-m-d')) }}"
            >

        </div>

        <div class="col-md-2 d-flex align-items-end">

            <button class="btn btn-primary">

                عرض

            </button>

        </div>

    </div>

</form>

        <table class="table table-row-bordered">

            <thead>

            <tr>

                <th>#</th>

                <th>العميل</th>

                <th>المندوب</th>

                <th>التاريخ</th>

                <th>عدد الأصناف</th>

                <th>إجمالي الوزن</th>

                <th>إجمالي المبلغ</th>

                <th>الحالة</th>

                <th>الإجراءات</th>

            </tr>

            </thead>

            <tbody>

            @foreach($orders as $order)

                <tr>

                    <td>

                        {{ $order->id }}

                    </td>

                    <td>

                        {{ $order->customer->customer_name }}

                    </td>

                    <td>

                        {{ $order->salesRep->name ?? '-' }}

                    </td>

                    <td>

                        {{ $order->order_date }}

                    </td>

                    <td>

                        {{ $order->total_items }}

                    </td>

                    <td>

                        {{ $order->total_weight_kg }} ك

                    </td>

                    <td>

                        {{ number_format(
                            $order->total_amount,
                            2
                        ) }}

                    </td>

                    <td>

                    @if($order->status == 'pending')

<span class="badge bg-secondary" style="color:#000">

    جديدة

</span>

@elseif($order->status == 'approved')

<span class="badge bg-primary">

    معتمدة

</span>

@elseif($order->status == 'loading')

<span class="badge bg-warning">

    جاري التحميل

</span>

@elseif($order->status == 'completed')

<span class="badge bg-success">

    تم التحميل

</span>

@elseif($order->status == 'invoiced')

<span class="badge bg-info">

    تم إصدار فاتورة

</span>

@elseif($order->status == 'delivered')

<span class="badge bg-dark">

    خرجت من المصنع

</span>

@else

<span class="badge bg-light text-dark">

    غير معروف

</span>

@endif

                    </td>

                    <td>

                        <a href="{{ route('sales-orders.show',$order) }}" class="btn btn-sm btn-light-primary">
                            عرض
                        </a>

                        @if($order->status == 'pending')

                        <a href="{{ route('sales-orders.edit', $order->id) }}" class="btn btn-sm btn-light-warning">
                            تعديل
                        </a>

                        @endif

                    </td>

                </tr>

            @endforeach

            </tbody>

        </table>

    </div>

</div>

@endsection