@extends('seller.layout.index')

@section('title')
    لیست درخواست ها
@endsection
@section('style')
    <style>
        .img-thumbnail {
            width: 150px;
            height: auto;
        }

        th {
            vertical-align: middle !important;
        }

        #overlay {
            display: none;
        }

        .sale_img {
            position: absolute;
            width: 40px;
            height: auto;
            left: 0;
            top: 0;
        }

        .text-inherit {
            color: inherit !important;
        }
        @media (min-width: 1400px) {
            .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
                max-width: 1635px !important;
            }
        }
            .status-default{
            color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: #007bff;
    }

        #responseList li{
       margin:10px 0;
    }
    .status-checking{
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: #304153;
    }

    .status-approved{
            color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: green;
    }
    .status-cancelled,.status-rejected{
                    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: red;
    }

        .status-identity-info,.status-self-declaration{
                    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: #ffd105;
    }
    </style>
@endsection

@section('script')
    <script>


    </script>
@endsection

@section('content')
    <div class="row d-lg-flex justify-content-between align-items-end">
        <div class="col-md-8 col-12 d-flex align-items-center">





        </div>

    </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>
                <th>مبلغ پرداختی</th>
                <th> تعداد فقره چک</th>
                <th>وضعیت  </th>
                <th>عملیات</th>

            </tr>
            </thead>
            <tbody id="insertRow">

            @foreach ($requests as $key => $request)

                <tr>
                    <th>
                        {{ 1 + $key }}
                    </th>
                    <th class="position-relative">

                        @if(auth()->guard('web')->check())
                        <a href="{{ route('admin.user.edit',['user'=>$request->user->id]) }}">
                            {{ $request->user->first_name. ' '.$request->user->last_name }}
                        </a>
                        @else
                            <a >
                                {{ $request->user->first_name. ' '.$request->user->last_name }}
                            </a>
                        @endif
                    </th>

                    <th>
                        {{ verta($request->request_date)->format('Y/m/d') }}
                    </th>
                    <th>
                        {{ $request->number_of_months }}
                    </th>
                    <th>
                        {{ number_format($request->installment_amount)  }}  تومان
                    </th>
                    <th>
                        {{ number_format($request->price_confirn)  }}  تومان
                    </th>

                    <th>{{$request->number_of_check}}</th>

                    <th >
                        <p class="{{getStatusClass($request->status)}}">  {{ $request->status }}</p>

                    </th>





                    <th>
                                                <a href="{{route('seller.installments.index',['id'=>$request->id])}}" class="btn btn-warning">
                        <i class="fas fa-balance-scale-right"></i>
                        </a>
                        @if($request->status === 'بارگذاری دسته چک')

                        <a href="{{route('seller.installments.show',['installment'=>$request->id])}}" class="btn btn-info">
                        <i class="fas fa-eye"></i>
                        </a>


{{--    <a href="{{ route('admin.installment.confrim', ['id' => $request->id]) }}" class="btn btn-success">--}}
{{--        تایید درخواست--}}
{{--    </a>--}}

{{--    <a href="{{ route('admin.installment.reject', ['id' => $request->id]) }}" class="btn btn-danger">--}}
{{--        رد درخواست--}}
{{--    </a>--}}
@endif
                    </th>


                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <div id="overlay">
        <div class="spinner-border text-danger" style="width: 3rem; height: 3rem;"></div>
        <br/>
        Loading...
    </div>
    @include('admin.products.modal')
    @include('admin.products.modal_setting')
    <div id="success_alert">
        <div class="d-flex justify-content-center align-items-center h-100">تغییرات مورد نظر با موفقیت اعمال شد</div>
    </div>
@endsection