@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
           Orders
        </div>
        <div class="card-body">
            <table id="order" class="table table-striped" style="width:100%">
                <thead>
                  <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Company Name</th>
                    <th>Email</th>
                    <th>Number</th>
                    <th>Items</th>
                    <th>Total Amount</th>
                    <th>Payment Status</th>
                    <th>Order Status</th>
                    <th>Date</th>
                    <th>Action</th>
                  </tr>
                </thead>
                
                <tbody>
                    @foreach ($data as $orders)
                    @php
                    $items = json_decode($orders->items);
                    $quantities = json_decode($orders->quantity);
                    @endphp

                <tr>
                    <td>{{$orders->personalFirstname}}</td>
                    <td>{{$orders->personalLastname}}</td>
                    <td>{{$orders->personalCompanyname}}</td>
                    <td>{{$orders->personalEmail}}</td>
                    <td>{{$orders->personalNumber}}</td>
                    <td>
                        @if ($items && $quantities)
                        @foreach ($items as $index => $item)
                        {{ $item }} x {{ $quantities[$index] }}<br>
                        @endforeach
                        @endif
                    </td>
                    <td>{{$orders->total_amount}}</td>
                    <td>Status: {{$orders->payment_status}}<br>
                        Method: {{$orders->payment}}
                    </td>
                    <td>{{$orders->order_status}}</td>
                    <td>{{ $orders->created_at->format('M d,Y') }}</td>
                    {{-- <td>{{$orders->payment}}</td> --}}
                    {{-- <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td> --}}
                    <td><button type="button" class="btn btn-success btn-block mb-1" data-toggle="modal" data-target="#exampleModal{{ $orders->id }}">View</button>
                      <a href="{{url('admin/order/' .$orders->id)}} /edit"><button class="btn btn-primary btn-block">Edit</button></a>
                        {{-- <button type="submit" data-id="{{ $orders->id }}" class="btn btn-block btn-danger mb-1 softdelete" data-bs-toggle="modal" data-bs-target="#deleted">Delete</button> --}}
                        <button type="submit" class="btn btn-block btn-danger mb-1" data-bs-toggle="modal" data-bs-target="#deleted">Delete</button>
                    </td>
                    <div class="modal fade" id="exampleModal{{ $orders->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
                        <div class="modal-content">
      
                          <div class="modal-body">
                            <div  class="modal-title" id="exampleModalLabel">
      
                              <div class="mb-2">
                                  <h3 class="fw-bold mb-5">View Details</h3>
                                  <center>
                                    <h2>Reference Number</h2>
                                    <h1>{{ $orders->reference }}<h1>
                                    <h4> @if ($items && $quantities)
                                        @foreach ($items as $index => $item)
                                        {{ $item }} x {{ $quantities[$index] }}<br>
                                        @endforeach
                                        @endif
                                    </h4>
                                  </center>
                                  {{-- <span>Position: {{ $jobs->position }}</span><br> --}}

                                  <div class="mb-4">
                                    <div class="row">
                                      <div class="col-12 col-md-6">
                                        <h2>Personal Information</h2>
                                        <span>First Name: {{$orders->personalFirstname}}</span><br>
                                        <span>Last Name: {{$orders->personalLastname}}</span><br>
                                        <span>Company Name: {{$orders->personalCompanyname}}</span><br>
                                        <span>Personal Email: {{$orders->personalEmail}} </span><br>
                                        <span>Personal Number: {{$orders->personalNumber}}</span><br>
                                        {{-- <span>Employment Set-Up: </span><br> --}}
                                      </div>
                                      <div class="col-12 col-md-6">
                                        <h2>Billing Information</h2>
                                        <span>First Name: {{$orders->billFirstname}}</span><br>
                                        <span>Last Name: {{$orders->billLastname}}</span><br>
                                        <span>Address: {{$orders->billAddress}}</span><br>
                                        <span>Number: {{$orders->billNumber}}</span><br>
                                        <span>Payment Status: {{$orders->payment}}</span><br>
                                         <span>Date: {{$orders->created_at->format('M d,Y') }}</span><br>
                                           @if ($items && $quantities)
                                                                        @foreach ($items as $index => $item)
                                                                            @php
                                                                                // Check for a matching product by 'model'
                                                                                $matchedProduct = $products->firstWhere(
                                                                                    'model',
                                                                                    $item,
                                                                                );
                                                                            @endphp

                                                                            @if ($matchedProduct)
                                                                                {{ $item }} x
                                                                                {{ $quantities[$index] }} -
                                                                                ₱{{ number_format($matchedProduct->price, 2) }}<br>
                                                                            @else
                                                                                <span
                                                                                    class="text-danger">{{ $item }}
                                                                                    (Not Found)</span><br>
                                                                            @endif
                                                                        @endforeach
                                                                    @endif

                                        <span>Total Amount: ₱{{$orders->total_amount}}</span><br>
                                      </div>
                                    </div>
                                    <p></p>
                                  </div>

                              </div>
      
                            </div>
                          </div>
      
                          <div class="modal-footer border-top-0">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                          </div>
      
                        </div>
                      </div>
                    </div>
                </tr>




                <!-- Modal --> 
                <div class="modal fade" id="deleted" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        {{-- <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1> --}}
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                      </div>
                      <div class="modal-body">
                        <center>
                        <h2 class=fw-bold>Are you sure to DELETE this?</h2>
                        </center>
                      </div>
                      <div class="modal-footer">
                        {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                        <button type="button" data-id="{{ $orders->id }}" class="btn btn-danger softdelete">Delete</button>
                      </div>
                    </div>
                  </div>
                </div>
                
                  



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



<script>
  $(document).ready(function() {
    // Check if there's a success message in localStorage
    const successMessage = localStorage.getItem('successMessage');
    if (successMessage) {
        // Display the success message
        const successAlert = `
            <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h5><i class="icon fas fa-check"></i> Success!</h5>
                ${successMessage}
            </div>`;
        $(".content-wrapper").prepend(successAlert);

        // Clear the success message from localStorager
        localStorage.removeItem('successMessage');
    }
  });

  $(document).ready(function (){
    $( ".softdelete" ).on( "click", function() {
      const orderId = $(this).data('id');
      $.ajax({
        method: "POST",
        url: "{{url('admin/softdelete')}}",
        data: { 
          _token : "{{ csrf_token() }}",
          id: orderId
        }
      })
      .done(function(msg) {
        localStorage.setItem('successMessage', msg.message);

        // Redirect to the admin/order page
        window.location.href = "{{ url('admin/order') }}";
      })
        });
      })
</script>

  

@endsection