@extends(get_view('pages.user.index'))
@section('user.sidebar-my-orders')
    active
@endsection
@section('user.content')

    <div class="row">
        <div class="col-12">
            <h4>
                {{ translate('my_orders') }}
            </h4>
        </div>

        @if ($orders->count() > 0)
            <div class="col-12 mt-2">
                <div class="accordion" id="accordionOrders">
                    @foreach ($orders as $key => $order)
                    <div class="card">
                        <div class="card-header" id="ch_{{ $order->order_number }}">
                            <div class="d-flex align-items-center">
                                <div style="width: 33%;">
                                    <button class="btn btn-link btn-block text-left text-dark fs-12" type="button" data-toggle="collapse"
                                        data-target="#{{ $order->order_number }}" aria-expanded="true" aria-controls="{{ $order->order_number }}">
                                        @if ( $order->status == 0 )
                                            <span class="badge badge-warning">{{ translate('order_waiting_approval') }}</span><br>
                                        @elseif ( $order->status == 1 )
                                            <span class="badge badge-success">{{ translate('order_approved') }}</span><br>
                                        @elseif ( $order->status == 2 )
                                            <span class="badge badge-danger">{{ translate('order_canceled') }}</span><br>
                                        @endif
                                        <i class="fa fa-plus-circle"></i> {{ translate('click_for_see_order_detail') }}
                                    </button>
                                </div>
                                <div class="fs-12 text-center text-success fs-16 fw-bold" style="width: 33%;">
                                    {{ $order->get_price(false) }}
                                </div>
                                <div class="text-right" style="width: 33%;">
                                    {{ translate('order_number') }}: <b>{{ $order->order_number }}</b>
                                    <br>
                                    <small>{{ translate('payment_type') }}: <b>{{ $order->get_payment_type() }}</b></small>
                                </div>
                            </div>
                        </div>
                        <div id="{{ $order->order_number }}" class="collapse @if($key==0) show @endif" aria-labelledby="ch_{{ $order->order_number }}"
                            data-parent="#accordionOrders">

                            <div class="card">
                                <div class="card-body">

                                    @if ( $order->invoice_filename != null )
                                    <div class="text-right">
                                        <a href="{{ Common::get_order_invoice($order->id, $order->invoice_filename) }}" target="_blank" class="btn btn-outline-dark btn-sm"><i class="bi bi-receipt"></i> Faturayı Görüntüle</a>
                                    </div>
                                    @endif
    
                                    @foreach ($order->order_products as $order_product)
                                        <div class="border bg-light m-2 mb-4 p-3">
                                            
                                            <div class="pl-3 pr-3 mb-4">
                                                @if ( $order_product->order_status >= 0 && $order_product->order_status <= 3 )
                                                @include('admin.components.order.steps.inprogress')
                                                @elseif( $order_product->order_status > 3 && $order_product->order_status <= 5 )
                                                @include('admin.components.order.steps.return')
                                                @endif
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6 col-12">
                                                    <div class="media align-items-center">
                                                        <a href="{{ route('product.detail', ['permalink' => $order_product->product->content->permalink]) }}">
                                                            @if ( $order_product->product->first_image != null )
                                                            <img src="{{ Common::get_product_small_image($order_product->product_id, $order_product->product->first_image->name) }}" class="img-thumbnail mr-3" alt="{{ $order_product->product->content->name }}" width="150">
                                                            @else
                                                            <div class="bg-white border img-thumbnail mr-3" style="width: 150px; height: 150px;"></div>
                                                            @endif
                                                        </a>
                                                        <div class="media-body">
                                                            <div>
                                                                <h6 class="mt-1">{{ $order_product->product->content->name ?? '-' }}</h6>
                                                                <p class="m-0 mb-2 p-0 text-success fw-bold">{{ $order_product->get_price(false) }} <small class="text-muted">({{ $order_product->quantity }}x)</small></p> 
                                                                <p class="m-0 p-0">
                                                                    {{-- <a href="#" class="text-primary"><i class="fa fa-star"></i> Ürünü Değerlendir</a> --}}
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12">
                                                    <div class="row">

                                                        @if ( $order_product->order_status >= 2 )
                                                            @if( $order_product->cargo_company_name != null && $order_product->cargo_number != null )
                                                            <div class="col-6">
                                                                <p class="m-0 mb-2 p-0 fs-11"><b>{{ translate('cargo_company') }}:</b><br> {{ $order_product->cargo_company_name }}</p>
                                                                <p class="m-0 p-0 fs-11"><b>{{ translate('cargo_number') }}:</b><br> {{ $order_product->cargo_number }}</p>
                                                            </div>
                                                            @endif
                                                        @endif

                                                        <div class="col-6">
                                                            @if ( $order_product->invoice_filename != null)
                                                            <a href="#" class="btn btn-outline-primary w-100 mb-2 fs-12">{{ translate('see_invoice') }}</a>
                                                            @endif

                                                            @if ( $order_product->can_return() )
                                                                <a href="#" class="btn btn-outline-danger w-100 mb-2 fs-12" data-order-product-id="{{ $order_product->id }}" data-toggle="modal" data-target="#returnRequestModal">İade Talebi Oluştur</a>
                                                            @elseif( $order_product->return_request() )
                                                                <div class="text-danger py-2">
                                                                    <p class="text-danger">
                                                                        <i class="fa fa-info-circle" style="width: 15px; height: 15px; text-align: center;" data-toggle="tooltip" title="Ürünü koşullarına uygun şekilde kargo ile geri gönderdiğinizde veya iade işleminiz satıcı tarafından onaylandığında işlemler tamamlanacaktır."></i>
                                                                        {{ translate('return_request_created') }}
                                                                    </p>
                                                                </div>
                                                            @endif
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
    
                                    <div class="p-3">
                                        <div class="row">
                                            <div class="col-sm-6 col-12">
                                                <h6>{{ translate('delivery_address') }}</h6>
                                                <p class="m-0 p-0"><b>{{ $order->delivery_address->fullname }}</b></p>
                                                <p class="m-0 p-0">{{ $order->delivery_address->phone }}</p>
                                                <p class="m-0 p-0">{{ $order->delivery_address->country->name }}/{{ $order->delivery_address->city }}/{{ $order->delivery_address->district }}
                                                    - {{ $order->delivery_address->postcode }}</p>
                                                <p class="m-0 p-0">{{ $order->delivery_address->address }}</p>
                                            </div>
                                            <div class="col-sm-6 col-12">
                                                <h6>{{ translate('invoice_address') }}</h6>
                                                <p class="m-0 p-0"><b>{{ $order->invoice_address->fullname }}</b></p>
                                                <p class="m-0 p-0">{{ $order->invoice_address->phone }}</p>
                                                <p class="m-0 p-0">{{ $order->invoice_address->country->name }}/{{ $order->invoice_address->city }}/{{ $order->invoice_address->district }}
                                                    - {{ $order->invoice_address->postcode }}</p>
                                                <p class="m-0 p-0">{{ $order->invoice_address->address }}</p>
                                            </div>
                                        </div>
                                    </div>
    
    
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            <div class="col-12 pt-4">
                {{ $orders->links() }}
            </div>
        @else
            <div class="col-12 text-center py-5">
                <h4>{{ translate('order_not_found') }}</h4>
                <p>{{ translate('your_registered_order_not_found') }}</p>
                <p>
                    <a href="/" class="btn btn-primary btn-sm">
                        {{ translate('homepage') }}
                    </a>
                </p>
            </div>
        @endif
    </div>


    
    <!-- Modal -->
    <div class="modal fade" id="returnRequestModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('front.user.order-product.return.store') }}" method="POST">
                    @csrf
                    <input type="hidden" name="order_product_id" value="">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">{{ translate('create_return_request') }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="">{{ translate('return_request_reason') }}</label>
                            <textarea name="reason" id="reason" rows="3" class="form-control" placeholder="Ürünü iade etme sebebini giriniz..."></textarea>
                            <small>Bu ürünün iade koşullarını doğru bir şekilde karşıladığınız taktirde 14 gün içinde teslim edebilirsiniz.</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ translate('cancel') }}</button>
                        <button type="submit" class="btn btn-danger">{{ translate('create') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@section('user.footer')
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
</script>
<script>
    $('#returnRequestModal').on('shown.bs.modal', function () {
        var order_product_id = $('a[data-target="#returnRequestModal"]').data('order-product-id');
        $('#returnRequestModal input[name="order_product_id"]').val(order_product_id);
    })
</script>
@endsection