@extends('layouts.admin')

@section('content')
@push('css')
    <style>
        .table, .table td {
            border: 1px solid #e9ecef;
        }
    </style>
@endpush
<div class="container-fluid">
    <div class="row">        
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Purchase Details</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            <button type="button" class="btn btn-secondary btn-sm ml-1 open_purchase_modal_page" data-toggle="tooltip" data-url="{{ route('purchase.create') }}" data-title="Add Purchase"> Create New Purchase </button>
                        </div>
                    </div>
                    
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table">
                                <thead class="thead-light">
                                  <tr>
                                    <th class="text-center bg-primary text-white" colspan="2"><strong>Summary</strong></th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>Purchae No</td>
                                    <td>{{ $purchase->purchase_no }}</td>
                                  </tr>
                                  <tr>
                                    <td>Total Amount</td>
                                    <td>{{ $purchase->grand_total }}</td>
                                  </tr>
                                 
                                </tbody>
                              </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table">
                                <thead class="thead-light">
                                  <tr>
                                    <th class="text-center bg-danger text-white" colspan="2"><strong>Member</strong></th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>Member ID</td>
                                    <td><a href="{{ route('members.view', $purchase->user->id) }}">{{ $purchase->user->id }}</a></td>
                                  </tr>
                                  <tr>
                                    <td>Member Name</td>
                                    <td>{{ $purchase->user->name }}</td>
                                  </tr>
                                  <tr>
                                    <td>Phone Number</td>
                                    <td>{{ $purchase->user->phone_number }}</td>
                                  </tr>
                                 
                                </tbody>
                              </table>
                        </div>
                    </div>
                    
                    <div class="row mt-3">
                        <div class="col-md-12">
                            <div class="table-responsive">

                                <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                                    <thead>
                                        <tr>
                                            <th>SL</th>
                                            <th>Product</th>
                                            <th>Unit Price</th>
                                            <th>Quantity</th>
                                            <th>Total Price</th>
                                        </tr>
                                    </thead>
                                
                                    <tbody>
                                        @if (count($purchase_details) > 0)
                                            @foreach ($purchase_details as $key => $pur_details)
                                                <tr>
                                                    <td>{{ ++$key }}</td>
                                                    <td>{{ $pur_details->product->name }}</td>
                                                    <td>{{ $pur_details->price }}</td>
                                                    <td>{{ $pur_details->quantity }}</td>
                                                    <td>{{ $pur_details->total }}</td>
                                                </tr>
                                            @endforeach
                                            <tr>
                                                <td class="text-right" colspan="4"><strong>Total</strong></td>
                                                <td><strong>{{ $purchase->grand_total }}</strong></td>
                                            </tr>
                                        @endif
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection