@extends('layouts.app')

@section('css')

    <!-- SweetAlert2 -->
  <link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css')}}">
  <!-- Toastr -->
  <link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css')}}">  
 
@endsection

@section('js')
<!-- SweetAlert2 -->
<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js')}}"></script>
<!-- Toastr -->
<script src="{{ asset('assets/plugins/toastr/toastr.min.js')}}"></script>

@if(Session::has('successResponse'))
    <script>
        var Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 3000
        });
        Toast.fire({
            icon: 'success',
            title: " {{Session::get('successResponse')}}"
        });
    </script>
@endif  
@endsection


@section('content')
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header" style="display: flex;justify-content: space-between;width: 100%;margin-left: 20p;align-items: center;">
                <h3 class="card-title rapport_title">@lang('order.Rapport de la validation des commandes')</h3>
                <a href="Rapports/{{$rapport_url}}" class="btn btn-sm btn-success">
                        <i class="fas fa-file-csv"></i> @lang('order.Exporter le rapport')
                </a>              
            </div>
              <!-- /.card-header -->
              
              <div class="card-body">
                  <div style="display:flex; ">
                    </div>
                     <p><span class="text-success rapport_text">{{$count_order_succeed}}</span> @lang('order.commandes validés'), <span class="text-danger">{{$count_order_failed}}</span> @lang('order.commandes non validées')</p>
                        <div class="div-rapport" style="background: #F5F5F5;padding: 1em;border-radius: 0.35em;">
                            @foreach($orders_infos as $order_info)
                            <p>@lang('order.commande') {{  $order_info["orderNumber"] }} ... @if ($order_info["validated"] == "Success")  <span class="text-success">@lang('order.validée')</span> @else <span class="text-danger">@lang('order.non validée')</span> @endif</p>  
                                @if ($order_info["validated"] == "Failure")
                                <p><span class="badge badge-danger">@lang('order.erreur')</span>  {{  $order_info["error"] }}</p>
                                @endif
                            @endforeach
                               
                        </div>
                    </div>
                </div>  
              
              </div>

              <!-- /.card-body -->
            </div>
            <!-- /.card -->

          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container-fluid -->
    </section>
    @endsection