@extends('web.layouts.app')

@section('title', transWord('سلة المشتريات'))

@section('sub_header')
    <div class="sub-header">
        <div class="main-container">
            <div class="title-pages">
                <h2> {{ transWord('سلة المشتريات') }}</h2>
                <div class="breadcrumb-header">
                    <a href="{{ route('web.supply.home') }}"> {{ transWord('الرئيسية') }}</a>
                    <i class="bi bi-chevron-double-left"></i>
                    <span> {{ transWord('سلة المشتريات') }}</span>
                </div>
            </div>


        </div>
    </div>
@endsection

@section('content')
    <section class="cart-pages mr-section">
        <div class="main-container">
            <div class="follow-cart">
                <div class="sub-follow-cart active">
                    <div class="img-follow-cart">
                        <i class="bi bi-cart3"></i>
                        <div class="num-cart-follow">{{ auth()->user()->cart ? count(auth()->user()->cart->items) : 0 }}
                        </div>
                    </div>
                    <div class="text-follow-cart">
                        <h3>{{ transWord('سلة المشتريات') }}</h3>
                        <p>{{ transWord('الخطوة الاولى') }}</p>
                    </div>
                </div>
                <div class="line-cart"></div>
                <div class="sub-follow-cart">
                    <div class="img-follow-cart">
                        <i class="bi bi-wallet2"></i>
                    </div>
                    <div class="text-follow-cart">
                        <h3>{{ transWord('إتمام الطلب') }}</h3>
                        <p>{{ transWord('الخطوة الثانية') }}</p>
                    </div>
                </div>
            </div>

            <div class="product-cart">
                <div class="title-product-cart">
                    <h2>{{ transWord('المنتج') }}</h2>
                    <h3>{{ transWord('الكمية') }}</h3>
                </div>
                @livewire('update-cart-item')

                <a href="{{ route('web.supply.complete-order') }}" class="ctm-btn w-100"> {{ transWord('تأكيد الطلب') }}
                </a>
            </div>
        </div>
    </section>
@endsection