@extends("layout.app")
@section("content")
    <style>
        .badge{
            padding: 10px;
            color: #fff;
        }
    </style>
    <section class="bg--secondary space--sm">
        <div class="container">
            <div class="row">
                @include("customers.aside")
                <div class="col-lg-9">
                    @if (session()->has("success"))
                        <div class="alert alert-success text-right">
                            <ul>
                                <li>{{session()->get("success")}}</li>
                            </ul>
                        </div>
                    @endif
                    <div class="boxed boxed--lg boxed--border">
                        <h4>اجهزتي المستعملة المعروضه للبيع</h4>
                        <table class="border--round table--alternate-row">
                            <thead>
                            <tr>
                                <th width="15%"> </th>
                                <th width="25%"> الجهاز </th>
                                <th width="20%">الرقم التسلسلي</th>
                                <th width="20%">الحاله</th>
                                <th width="20%">تاريخ الإضافة</th>
                                <th width="20%">السعر</th>
                                <th width="10%"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($used_items as $used_item)
                                <tr>
                                    <td>
                                        <img src="{{ $used_item->image }}">
                                    </td>
                                    <td>
                                        @if($used_item->is_active)
                                        <a href="{{route("used-item",$used_item->id)}}"> {{$used_item->name ?? $used_item->category->name}}</a>
                                        @else
                                            <a href="#"> {{$used_item->name ?? $used_item->category->name}}</a>

                                        @endif
                                    </td>
                                    <td>{{$used_item->serial_number}}</td>
                                    <td>

                                        @if($used_item->status=="pending" && !$used_item->is_sold)
                                            @php
                                                $status = "بانتظار التأكيد";
                                                $color = "#e47600";
                                            @endphp
                                        @elseif($used_item->status=="pending-receive" && !$used_item->is_sold)
                                            @php
                                                $status = "بإنتظار إستلام الجهاز";
                                                $color = "#e47600";
                                            @endphp
                                        @elseif($used_item->status=="rejected" && !$used_item->is_sold)
                                            @php
                                                $status = "لم تتم الموافقة";
                                                $color = "#c50103";
                                        @endphp
                                        @elseif($used_item->status=="waiting" && !$used_item->is_sold)
                                            @php
                                                $status = "بانتظار التعديل والموافقة";
                                                $color = "#c50103";
                                        @endphp
                                        @elseif($used_item->status=="checking" && !$used_item->is_sold)
                                            @php
                                                $status = "تحت الفحص";
                                                $color = "#c50103";
                                        @endphp

                                        @elseif($used_item->status=="approved")
                                            @php
                                                $status = "بإنتظار النشر";
                                                $color = "#e47600";
                                            @endphp
                                        @elseif($used_item->status=="published" )
                                            @php
                                                $status = "تم النشر - بانتظار البيع";
                                                $color = "#21a200";
                                            @endphp
                                        @elseif($used_item->status=="sold")
                                            @php
                                                $status = "تم البيع";
                                                $color = "#21a200";
                                         @endphp
                                        @endif

                                        <span style="background-color:{{$color}}" class="badge">{{$status}}</span>
                                    </td>
                                    <td>
                                        {{$used_item->created_at->format("Y-m-d")}}
                                    </td>
                                    <td>
                                        {{$used_item->price ? $used_item->price : ($used_item->suggested_price ? $used_item->suggested_price : "جاري التأكيد")}}
                                    </td>

                                    <td>
                                        @if($used_item->customer_notes)
                                        <a data-toggle="modal" data-target="#note-{{$used_item->id}}" href="#">ملاحظات ايهاوس</a>

                                        <div class="modal fade" id="note-{{$used_item->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLongTitle">ملاحظات من ايهاوس</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        {!! $used_item->customer_notes !!}
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                            @endif
                                    </td>


                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5"><h3 class="text-center">لا يوجد اجهزة معروضه للبيع</h3>
                                        <a href="{{route("customers.create-used-item")}}" class="text-center text-primary"><h3  class="text-center text-primary">إضغط هنا لإضافة جهاز</h3></a>
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection