@extends('admin.layout.index')

@section('title')
    سفارشات مرجوعی
@endsection

@section('style')
    <style>
        .img-thumbnail{
            max-width: 200px;
            height: auto;
        }
        .border-none{
            border: none !important;
        }
    </style>
@endsection

@section('content')
    <div class="d-flex flex-column text-center flex-md-row justify-content-md-between mb-4">
        <h5 class="font-weight-bold mb-3 mb-md-0">لیست مرجوعی ها </h5>

    </div>
    <div class="table-responsive">
        <table class="table table-bordered table-striped text-center">
            <thead>
            <tr>
                <th>#</th>
                <th>کاربر</th>
                <th>سفارش</th>
                <th>وضعیت</th>
                <th>نمایش و پاسخ</th>


            </tr>
            </thead>
            <tbody>
            @foreach ($returns as $key => $return)
                <tr>
                    <th>
                        {{ 1 + $key }}
                    </th>
                    <th>
                        <a href="{{route('admin.user.edit',['user'=>$return->order->user->id])}}">
                            {{$return->order->user->first_name . ' ' .$return->order->user->last_name}}</a>

                    </th>
                    <th>
                        <a class="btn btn-primary" href="{{route('admin.orders.show',['order'=>$return->order->id])}}">
                            <i class="fa fa-cart-flatbed"></i>
                        </a>

                    </th>
                    <th>
                        {{ $return->status }}
                    </th>

                    <th class="d-flex border-none justify-content-center">

                        <a class="btn btn-sm btn-info mr-3"
                           href="{{ route('admin.return.request.show', ['returnRequest' => $return->id]) }}">
                            <i class="fa fa-message"></i>
                        </a>
                    </th>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

@endsection