@extends('admin.layouts.master')

@section('title', 'تفاصيل الطلبية')

@section('content')

<div class="card mb-5">

    <div class="card-header">

        <h3 class="card-title">

            تفاصيل الطلبية
            #{{ $sales_order->id }}

        </h3>

        <div class="card-toolbar">

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

            <form method="POST" action="{{ route('sales-orders.approve',$sales_order) }}">
                @csrf
                <button class="btn btn-success me-2">
                    اعتماد الطلبية
                </button>
            </form>

            @endif

            <a href="#"
               class="btn btn-primary me-2">

                طباعة

            </a>

            <a href="#"
               class="btn btn-warning">

                تعديل

            </a>

        </div>

    </div>

    <div class="card-body">

        <div class="row mb-10">

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

                <label class="fw-bold">
                    العميل
                </label>

                <div>
                    {{ $sales_order->customer->customer_name }}
                </div>

            </div>

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

                <label class="fw-bold">
                    المندوب
                </label>

                <div>
                    {{ $sales_order->salesRep->name ?? '-' }}
                </div>

            </div>

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

                <label class="fw-bold">
                    التاريخ
                </label>

                <div>
                    {{ $sales_order->order_date }}
                </div>

            </div>

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

                <label class="fw-bold">
                    الحالة
                </label>

                <div>

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

                        <span class="badge badge-warning">

                            Pending

                        </span>

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

                        <span class="badge badge-primary">

                            Approved

                        </span>

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

                        <span class="badge badge-info">

                            Loading

                        </span>

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

                        <span class="badge badge-success">

                            Completed

                        </span>

                    @endif

                </div>

            </div>

        </div>

        <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($sales_order->items as $item)

                <tr>

                    <td>
                        {{ $loop->iteration }}
                    </td>

                    <td>

                        {{ $item->variant
                            ->product
                            ->category
                            ->category_name }}

                    </td>

                    <td>

                        {{ $item->variant
                            ->product
                            ->product_name }}

                    </td>

                    <td>

                        {{ $item->variant
                            ->packageSize
                            ->size_kg }}

                        كيلو

                    </td>

                    <td>

                        {{ $item->quantity }}

                    </td>

                    <td>

                        {{ $item->unit_weight }}

                    </td>

                    <td>

                        {{ $item->total_weight }}

                    </td>

                    <td>

                        {{ number_format(
                            $item->unit_price,
                            2
                        ) }}

                    </td>

                    <td>

                        {{ number_format(
                            $item->total_price,
                            2
                        ) }}

                    </td>

                </tr>

            @endforeach

            </tbody>

        </table>

        <div class="row mt-10">

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

                <div class="bg-light p-5 rounded">

                    <div class="fw-bold">
                        عدد الأصناف
                    </div>

                    <div class="fs-3">

                        {{ $sales_order->total_items }}

                    </div>

                </div>

            </div>

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

                <div class="bg-light p-5 rounded">

                    <div class="fw-bold">
                        إجمالي الوزن
                    </div>

                    <div class="fs-3">

                        {{ $sales_order->total_weight_kg }}
                        كجم

                    </div>

                </div>

            </div>

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

                <div class="bg-light p-5 rounded">

                    <div class="fw-bold">
                        إجمالي الكمية
                    </div>

                    <div class="fs-3">

                        {{ $sales_order->total_quantity }}

                    </div>

                </div>

            </div>

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

                <div class="bg-light p-5 rounded">

                    <div class="fw-bold">
                        إجمالي المبلغ
                    </div>

                    <div class="fs-3">

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

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection