@extends('layout.app')
@section('title')
    {{ __('الدفعات') }}
@stop
@section('content')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-12 mb-2">
                <div class="row breadcrumbs-top d-flex justify-content-between">
                    <div class="col-6">
                        <h2 class="content-header-title float-left mb-0">{{ __('الدفعات') }}</h2>
                    </div>
                    <div class="col-6">
                        <a href="#" class="btn btn-primary float-right mb-0" data-toggle= "modal" data-target= "#modals-create">اضافة جديد</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
             <div class="card">
                    <h5 class="card-header">الاحصائيات</h5>
                    <div class="d-flex justify-content-between align-items-center mx-50 row pt-0 pb-2">
                        <div class="col-md-3" style="padding-left: 2px;">
                            <div class="widget-stat card bg-success overflow-hidden">
                                <div class="card-header" style="padding: 1.25rem 1.25rem;">
                                    <h4 class="card-title text-white" style="font-size: 1rem;">{{ __('اجمالي المديونية') }}</h4>
                                    <h5 class="text-white mb-0">{{ $debt->price }} {{ $debt->currancy == '1' ? 'دولار' : 'شيكل' }}</h5>
                                </div>
                            </div>
                        </div>
                        @php
                            $payments = 0;
                            foreach($debt->payments as $payment)
                            {
                                $payments += $payment->price;
                            }
                            $withdrows = 0;
                            foreach($debt->withdrows as $withdrow)
                            {
                                $withdrows += $withdrow->price;
                            }
                        @endphp
                        <div class="col-md-3" style="padding-left: 2px; padding-right: 2px;">
                            <div class="widget-stat card bg-primary overflow-hidden">
                                <div class="card-header" style="padding: 1.25rem 1.25rem;">
                                    <h4 class="card-title text-white" style="font-size: 1rem;">{{ __('اجمالي الدفعات') }}</h4>
                                    <h5 class="text-white mb-0">{{ $payments }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3" style="padding-left: 2px; padding-right: 2px;">
                            <div class="widget-stat card bg-danger overflow-hidden">
                                <div class="card-header" style="padding: 1.25rem 1.25rem;">
                                    <h4 class="card-title text-white" style="font-size: 1rem;">{{ __('المديونية المضافة') }}</h4>
                                    <h5 class="text-white mb-0">{{ $withdrows }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3" style="padding-left: 2px; padding-right: 2px;">
                            <div class="widget-stat card bg-warning overflow-hidden">
                                <div class="card-header" style="padding: 1.25rem 1.25rem;">
                                    <h3 class="card-title text-white" style="font-size: 1rem;">{{ __('المبلغ المتبقي') }}</h4>
                                    <h5 class="text-white mb-0">{{ $debt->price - $payments + $withdrows }}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <!-- job-title list start -->
            <section class="app-job-title-list">
                <!-- list section start -->
                <div class="card">
                    <div class="card-datatable table-responsive pt-0">
                        <x-alert />
                        <table class="payments-list-table table">
                            <thead class="thead-light">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('الاسم الدفعة') }}</th>
                                    <th>{{ __('قيمة الدفعة') }}</th>
                                    <th>{{ __('تاريخ الدفعة') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>

                            <tbody>
                                @forelse ($debt->payments as $key => $item)
                                    <tr>
                                        <td>{{ $key+1 }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>@if($item->currancy == '0') {{ $item->price . ' شيكل' }} @else {{ $item->price . ' دولار' }} @endif</td>
                                        <td>{{ $item->date }}</td>
                                        <td>
                                            <a href="#" class="btn btn-sm btn-primary" data-toggle= "modal" data-target= "#modals-edit-{{ $item->id }}">تعديل</a>
                                            <a href="#" class="btn btn-danger btn-sm" data-toggle= "modal" data-target= "#modals-delete-{{ $item->id }}">
                                                حذف
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr style="text-align: center;">
                                        <td colspan="4">لا يوجد دفعات</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                </div>
                <!-- list section end -->
            </section>

            @foreach ($debt->payments as $item)
                <div class="modal fade" id="modals-edit-{{ $item->id }}">
                    <div class="modal-dialog">
                        <form class="create-new-nature modal-content pt-0"
                            action="{{ route('payments.update',$item->id) }}" method="POST">
                            @csrf
                            @method('put')
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">تعديل الدفعة</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <div class="form-group">
                                    <label for="name">{{ __('الاسم') }}</label>
                                    <input type="text" class="form-control" value="{{  old('name',$item->name) }}" name="name" id="name" required>
                                </div>
                                <div class="form-group">
                                    <label for="price">{{ __('قيمة المبلغ') }}</label>
                                    <input type="number" class="form-control" id="price"
                                        value="{{ old('price',$item->price) }}" aria-describedby="price" name="price" required/>
                                </div>
                                <div class="form-group">
                                    <label for="currancy">{{ __('العملة') }}</label>
                                    <select name="currancy" id="currancy" class="form-control">
                                        <option @if('0' == old('currancy',$item->currancy)) selected @endif value="0">{{ __('شيكل') }}</option>
                                        <option @if('1' == old('currancy',$item->currancy)) selected @endif value="1">{{ __('دولار') }}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="date">{{ __('تاريخ الدفعة') }}</label>
                                    <input type="date" class="form-control" id="date"
                                        value="{{ old('date',$item->date) }}" aria-describedby="date" name="date" required/>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary mr-1 data-submit">حفظ</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                 <!-- Modal to add new user starts-->
                 <div class="modal fade" id="modals-delete-{{ $item->id }}">
                    <div class="modal-dialog">
                        <form class="add-new-user modal-content pt-0" action="{{ route('payments.destroy',$item->id) }}"
                                method="POST">
                                @csrf
                                @method('DELETE')
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">حذف الدفعة</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <h4>هل تريد حذف الدفعة؟</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">حذف</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- Modal to add new user Ends-->
            @endforeach


            <div class="modal fade" id="modals-create">
                <div class="modal-dialog">
                    <form class="create-new-nature modal-content pt-0"
                        action="{{ route('payments.store') }}" method="POST">
                        @csrf
                        <div class="modal-header mb-1">
                            <h5 class="modal-title" id="exampleModalLabel">اضافة دفعة</h5>
                        </div>
                        <div class="modal-body flex-grow-1">
                            <input type="hidden" value="{{ $debt->id }}" name="debt_id">
                            <div class="form-group">
                                <label for="name">{{ __('الاسم') }}</label>
                                <input type="text" class="form-control" value="{{ old('name') }}" name="name" id="name" required>
                            </div>
                            <div class="form-group">
                                <label for="price">{{ __('قيمة المبلغ') }}</label>
                                <input type="number" class="form-control" id="price"
                                    value="{{ old('price') }}" aria-describedby="price" name="price" required/>
                            </div>
                            <div class="form-group">
                                <label for="currancy">{{ __('العملة') }}</label>
                                <select name="currancy" id="currancy" class="form-control">
                                    <option @if('0' == old('currancy')) selected @endif value="0">{{ __('شيكل') }}</option>
                                    <option @if('1' == old('currancy')) selected @endif value="1">{{ __('دولار') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="date">{{ __('تاريخ الدفعة') }}</label>
                                <input type="date" class="form-control" id="date"
                                    value="{{ old('date') }}" aria-describedby="date" name="date" required/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary mr-1 data-submit">حفظ</button>
                            <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection