@extends('admin.layout.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid pt-3">
                <div class="row">
                    <div class="col-md-7">
                        <div class="card p-3">
                            <div class="row">
                                <div class="col-md-4">
                                    <img src="{{ asset('admin/img/avatar.png') }}" class="img-circle"
                                    width="150" height="150">
                                </div>
                                <div class="col-md-8">
                                    <div class="d-flex justify-content-between">
                                        <label class="pr-2">Supplier Balance Status:</label>
                                        <span class="">{{$supplier->balance ?? ''}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label class="pr-2">Opening Balance:</label>
                                        <span>{{$supplier->opening ?? ''}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label class="pr-2">Supplier Name:</label>
                                        <span class="">{{$supplier->name ?? ''}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label class="pr-2">Contact:</label>
                                        <span>{{$supplier->phone ?? ''}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label class="pr-2">Address:</label>
                                        <span>{{$supplier->address ?? ''}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>  
                        <div class="card">
                            <div class="card-header">
                                <h2 class="card-title"><i class="fas fa-info-circle"></i> Purchases Details</h2>
                            </div>
                            <div class="card-body pt-0">
                                <div class="table-responsive">
                                <table class="table">
                                    <thead class="table-borderless">
                                        <tr>
                                            <th>Sr</th>
                                            <th>Date</th>
                                            <th>Items</th>
                                            <th>Total</th>
                                            <th>Received</th>
                                            <th>Remaining</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($purchases as $key => $purchase)
                                            <tr>
                                                <td>{{$key+1}}</td>
                                                <td>{{ $purchase->date}}</td>
                                                <td>
                                                    @foreach($purchase->items as $pi)
                                                        <button class="btn btn-xs btn-info">
                                                            {{ $pi->item?->name }} - {{ $pi->quantity }}
                                                        </button>
                                                    @endforeach
                                                </td>
                                                <td>{{ $purchase->total}}</td>  
                                                <td>{{ $purchase->paid}}</td>  
                                                <td>{{ $purchase->total - $purchase->paid}}</td>  
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6" class="text-center">No records found</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="card">
                            <div class="card-header">
                                <h2 class="card-title"><i class="fas fa-wallet"></i> Supplier Wallet</h2>
                                <div class="card-tools">
                                    <button type="button" data-target="#modal-add"
                                        data-toggle="modal" class="btn btn-sm btn-info">
                                        <i class="fas fa-plus-circle"></i> Add Wallet
                                    </button>
                                    <div id="modal-add" class="modal fade" role="dialog">
                                        <div class="modal-dialog modal-md">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Add Wallet</h4>
                                                    <button type="button" class="close"
                                                        data-dismiss="modal">&times;</button>
                                                </div>
                                                <form action="{{route('admin.supplier.payment.store', $supplier)}}" method="post" enctype="multipart/form-data">
                                                    @csrf
                                                    <div class="modal-body">
                                                        <div class="form-group">
                                                            <label for="amount">Amount</label>
                                                            <input type="number" id="amount" name="amount" class="form-control"
                                                                value="{{old('amount')}}"
                                                                placeholder="Enter Amount">
                                                            @error('amount')
                                                            <span class="text-danger text-sm pull-right">{{$errors->first('amount')}}</span>
                                                            @enderror
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="note">Note</label>
                                                            <input type="text" id="note" name="note" class="form-control"
                                                                value="{{old('note')}}"
                                                                placeholder="Enter Note">
                                                            @error('note')
                                                            <span class="text-danger text-sm pull-right">{{$errors->first('note')}}</span>
                                                            @enderror
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="date">Date</label>
                                                            <input type="date" id="date" name="date" class="form-control"
                                                                value="{{old('date')}}"
                                                                placeholder="Enter Date">
                                                            @error('date')
                                                            <span class="text-danger text-sm pull-right">{{$errors->first('date')}}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-sm btn-info">Save Record</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body pt-0">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead class="table-borderless">
                                            <tr>
                                                <th>Sr</th>
                                                <th>Date</th>
                                                <th>Amount</th>
                                                <th>Note</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($wallets as $key => $wallet)
                                                <tr>
                                                    <td>{{$key+1}}</td>
                                                    <td>{{ $wallet->date}}</td>
                                                    <td>{{ $wallet->amount}}</td>
                                                    <td>{{ $wallet->note}}</td>
                                                    <td>
                                                        <button type="button" data-target="#modal-edit-{{$wallet->id}}"
                                                            data-toggle="modal" class="btn btn-xs btn-default">
                                                            <i class="fas fa-edit"></i> edit
                                                        </button>
                                                        <div id="modal-edit-{{$wallet->id}}" class="modal fade" role="dialog">
                                                            <div class="modal-dialog modal-md">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Update Wallet</h4>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal">&times;</button>
                                                                    </div>
                                                                    <form action="{{route('admin.supplier.payment.update' ,[$supplier , $wallet])}}" method="post" enctype="multipart/form-data">
                                                                        @csrf
                                                                        <div class="modal-body">
                                                                            <div class="form-group">
                                                                                <label for="amount">Amount</label>
                                                                                <input type="number" id="amount" name="amount" class="form-control"
                                                                                    value="{{$wallet->amount ,old('amount')}}"
                                                                                    placeholder="Enter Amount">
                                                                                @error('amount')
                                                                                <span class="text-danger text-sm pull-right">{{$errors->first('amount')}}</span>
                                                                                @enderror
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="note">Note</label>
                                                                                <input type="text" id="note" name="note" class="form-control"
                                                                                    value="{{$wallet->note ,old('note')}}"
                                                                                    placeholder="Enter Note">
                                                                                @error('note')
                                                                                <span class="text-danger text-sm pull-right">{{$errors->first('note')}}</span>
                                                                                @enderror
                                                                            </div>
                                                                            <div class="form-group">
                                                                                <label for="date">Date</label>
                                                                                <input type="date" id="date" name="date" class="form-control"
                                                                                    value="{{$wallet->date ,old('date')}}"
                                                                                    placeholder="Enter Date">
                                                                                @error('date')
                                                                                <span class="text-danger text-sm pull-right">{{$errors->first('date')}}</span>
                                                                                @enderror
                                                                            </div>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="submit" class="btn btn-sm btn-info"> Update Record</button>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <button type="button" data-target="#modal-del{{ $wallet->id }}"
                                                            data-toggle="modal" class="btn btn-xs btn-danger">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                        
                                                        <div id="modal-del{{ $wallet->id }}" class="modal fade" role="dialog">
                                                            <div class="modal-dialog modal-md">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h4 class="modal-title">Delete Wallet</h4>
                                                                        <button type="button" class="close"
                                                                            data-dismiss="modal">&times;</button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <p>Do you really wish to delete this payment? This will delete permanently !</p>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <form action="{{route('admin.supplier.payment.delete' ,[$supplier , $wallet])}}"
                                                                            method="post">
                                                                            @csrf
                                                                            @method('delete')
                                                                            <button type="button" class="btn btn-sm btn-default"
                                                                                data-dismiss="modal">No</button>
                                                                            <button type="submit"
                                                                                class="btn btn-sm btn-danger">Yes</button>
                                                                        </form>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="8" class="text-center">No record found</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection