@extends('bo.layout')
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Toolbar-->
        <div class="toolbar" id="kt_toolbar">
            <!--begin::Container-->
            <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
                <!--begin::Page title-->
                <div data-kt-place="true" data-kt-place-mode="prepend"
                     data-kt-place-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}"
                     class="page-title d-flex align-items-center me-3 flex-wrap mb-5 mb-lg-0 lh-1">
                    <!--begin::Title-->
                    <h1 class="d-flex align-items-center text-dark fw-bolder my-1 fs-3">Commande</h1>
                    <!--end::Title-->
                    <!--begin::Separator-->
                    <span class="h-20px border-gray-200 border-start mx-4"></span>
                    <!--end::Separator-->
                    <!--begin::Breadcrumb-->
                    <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="{{route('bo.home')}}" class="text-muted text-hover-primary">Accueil</a>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-200 w-5px h-2px"></span>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="{{route('bo.orders.list')}}" class="text-muted text-hover-primary">Commandes</a>

                        </li>
                        <!--end::Item-->
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-200 w-5px h-2px"></span>
                        </li>
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="{{route('bo.orders.detail', ['orderId' => $order->id])}}"
                               class="text-muted text-hover-primary">Commande {{$order->id}}
                                ({{$order->user->getFullname()}})</a>

                        </li>

                        <li>
                            <a href="{{URL::signedRoute('pay', ['orderId' => $order->id])}}" target="_blank" class="badge badge-info m-l-3">Voir la commande coté public</a>

                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->

                    </ul>
                    <!--end::Breadcrumb-->
                </div>
                <!--end::Page title-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container">
                <!--begin::Navbar-->
                <form id="kt_order_profile_details_form" class="form" method="post">
                    <div class="row">
                        <div class="card mb-5 mb-xl-10 col-12">
                            <!--begin::Card header-->
                            <div class="card-header border-0 ">
                                <!--begin::Card title-->
                                <div class="card-title m-0">
                                    <h3 class="fw-bolder m-0 me-3">Détails</h3>
                                    @include('bo.order.badge', ['status' => $order->status])
                                </div>
                                <!--end::Card title-->
                            </div>
                            <!--begin::Card header-->
                            <!--begin::Content-->
                            <div id="kt_order_products" class="container-fluid">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6">
                                        Date de commande :
                                    </div>
                                    <div class="col-md-6">
                                        {{$order->created_at}}
                                    </div>

                                </div>
                                @if($order->status >= \App\Models\Order::statusPaid)
                                    <div class="row">
                                        <div class="col-md-6">
                                            Date de commande :
                                        </div>
                                        <div class="col-md-6">
                                            {{$order->created_at}}
                                        </div>

                                    </div>
                                @endif
                                <div class="row">
                                    <div class="col-md-6">
                                        -
                                    </div>
                                    <div class="col-md-6">
                                        -
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col-md-6 text-left">Produit :</div><div class="col-md-6 text-right">{{$order->productTotal}}€</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 text-left font-bold">Frais de service:</div><div class="col-md-6 text-right">@if(isset($order->data['platformBuyerFees'])){{$order->data['platformBuyerFees']}}€@endif</div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 text-left font-bold">Total :</div><div class="col-md-6 text-right">{{$order->total +  $order->discountTotal}}€</div>
                                    </div>
                                    @if($order->discountTotal)
                                    <div class="row">
                                        <div class="col-md-6 text-left font-bold">Remise :</div><div class="col-md-6 text-right">{{ $order->discountTotal}}€</div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6 text-left font-bold">Total avec remise:</div><div class="col-md-6 text-right">{{$order->total}}€</div>
                                    </div>
                                    @endif
                                    @if(isset($order->data['platformSellerFees']))
                                        <div class="row">
                                            <div class="col-md-6 text-left font-bold">Frais vendeur</div> <div class="col-md-6 text-right">{{$order->data['platformSellerFees']}}€</div>
                                        </div>
                                    @endif
                                    <div class="row">
                                        <div class="col-md-6 text-left font-bold">Total comission</div> <div class="col-md-6 text-right">{{$order->feeTotal}}€</div>
                                    </div>
                                </div>

                            </div>

                        </div>



                            </div>
                        </div>



                        <div class="card mb-5 mb-xl-10 col-12">
                            <!--begin::Card header-->
                            <div class="card-header border-0 ">
                                <!--begin::Card title-->
                                <div class="card-title m-0">
                                    <h3 class="fw-bolder m-0">Produit</h3>
                                </div>
                                <!--end::Card title-->
                            </div>
                            <!--begin::Card header-->
                            <!--begin::Content-->
                            <div id="kt_order_products" class="container-fluid">
                                <!--begin::Form-->

                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Nom</th>
                                        <th>Vendeur</th>
                                        <th>Prix TTC</th>
                                        <th>Comission</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($order->lines as $line)
                                        <tr>
                                            <td><img class="w-50px" src="{{$line->product->picture->url}}"/></td>
                                            <td>
                                                {{$line->name}}<br/>


                                            </td>
                                            <td>
                                                <a class="d-block" href="{{route('bo.customers.detail', ['customerId'=>$line->seller->id])}}">
                                                    {{$line->seller->getFullName()}}
                                                </a>
                                            </td>
                                            <td>

                                                {{$line->price}} €

                                            </td>
                                            <td>{{$line->data['sellerFees']}}€</td>
                                            <td>
                                                @switch($order->status)
                                                    @case (\App\Models\Order::statusWaiting)
                                                        <div class="modal-validation btn btn-danger" data-status="{{\App\Models\Order::statusCanceled}}" data-toggle="modal" data-target="#validationModal">
                                                            Annuler
                                                        </div>
                                                    @break
                                                    @case (\App\Models\Order::statusPaid)
                                                        <div class="modal-validation btn btn-danger" data-status="{{\App\Models\Order::statusCanceled}}" data-toggle="modal" data-target="#validationModal">
                                                            Annuler
                                                        </div>

                                                    @break

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

                            <!--end::Card body-->
                            <!--begin::Actions-->

                            <!--end::Actions-->

                            <!--end::Form-->
                        </div>

                    </div>
                @csrf


                <!--end::Navbar-->
                    <!--begin::Basic info-->
                    <div class="row">
                    @foreach(['shipping', 'billing'] as $addressType)
                        <div class="card mb-5 mb-xl-10 col-md-6">
                            <!--begin::Card header-->
                            <div class="card-header border-0 ">
                                <!--begin::Card title-->
                                <div class="card-title m-0">
                                    <h3 class="fw-bolder m-0">Adresse de {{__($addressType)}}</h3>
                                </div>
                                <!--end::Card title-->
                            </div>
                            <!--begin::Card header-->
                            <!--begin::Content-->
                            <div id="kt_order_{{$addressType}}_address" class="container-fluid">
                                <!--begin::Form-->


                                @foreach($addressFields as $field)
                                    <div class="row mb-6">
                                        <!--begin::Label-->
                                        <label class="col-12 col-form-label fw-bold fs-6">
                                            <span class="required">{{ucfirst(__($field))}}</span>
                                            <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                               title="{{ucfirst(__($field))}}"></i>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Col-->
                                        <div class="col-12 fv-row">
                                            {{Form::text($addressType.'_'.$field, $order->{$addressType.'_'.$field}, ['disabled' => 'disabled', 'placeholder' => ucfirst(__($field)), 'class' => 'form-control form-control-lg form-control-solid'])}}
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                @endforeach

                            </div>

                            <!--end::Card body-->
                            <!--begin::Actions-->

                            <!--end::Actions-->

                            <!--end::Form-->
                        </div>
                @endforeach
                </div>
                <!--end::Content-->
                    <!--end::Basic info-->
                    <!--begin::Connected Accounts-->

                    <!--end::Connected Accounts-->
                    <!--begin::Notifications-->

                    <!--end::Notifications-->
                    <!--begin::Notifications-->

                    <!--end::Notifications-->
                    <!--begin::Deactivate Account-->

                    <!--begin::Modals-->
                    <!--begin::Modal - Two-factor authentication-->
                    <!--end::Modal - Two-factor authentication-->
                    <!--end::Modals-->
                    <div class="card-footer d-flex justify-content-end py-6 px-9">
                        <button type="submit" class="btn btn-primary" id="kt_order_profile_details_submit">Enregistrer
                        </button>
                    </div>
                </form>
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>


    <!-- Modal -->
    <div class="modal fade" id="validationModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Confirmer cette action
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <form method="POST">
                        @csrf
                        <input type="hidden" name="changeStatus" value="" id="order-status">
                        <button id="modal-validation-button" type="button" class="btn btn-primary">Save changes</button>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('extra-javascript')
    <script type="text/javascript">

        $(document).ready(function () {
            $('.modal-validation').on('click', function (e){
                if($(this).data('status')){
                    $('.modal-footer').find('#order-status').val($(this).data('status'));
                }
            })
        });

    </script>
@endsection