{{-- @dd($budget->lines) --}}
@extends('layout.app')
@section('title')
    {{ __('بنود الميزانية') }} {{ $budget->name }}
@stop

@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
    <!-- END: Custom CSS-->


@endsection

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <section class="form-control-repeater">
                <div class="row">
                    <!-- Invoice repeater -->
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{ __('البنود') }}</h4>
                            </div>
                            <div class="card-body">


                                <form action="{{ route('budgets.lines', $budget->id) }}" id="lineForm" method="POST"
                                    class="invoice-repeater">
                                    @csrf
                                    <div data-repeater-list="invoice">
                                        @forelse ($budget->lines as $line)
                                            @if (!old('invoice'))
                                                <div data-repeater-item>
                                                    <div class="row d-flex align-items-end">
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('البند') }}</label>
                                                                <select class="form-control" id="line_id"
                                                                    aria-describedby="line_id" name="line_id">
                                                                    @forelse (App\Models\Line::where('school_id',Auth()->user()->school_id)->get() as $item)
                                                                        <option value="{{ $item->id }}"
                                                                            @if ($line->id == $item->id) selected @endif>
                                                                            {{ $item->name }}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('المخصص المالي') }}
                                                                    {{ $budget->type == 0 ? '' : '(%)' }}</label>
                                                                <input type="text" name="price" id="price"
                                                                    class="form-control price-lines"
                                                                    value="{{ $budget->type == 0 ? $line->pivot->price : (float) ($line->pivot->price / $budget->price) * 100 }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <button class="btn btn-outline-danger text-nowrap px-1"
                                                                    data-repeater-delete type="button">
                                                                    <i data-feather="x" class="mr-25"></i>
                                                                    <span>{{ __('حذف') }}</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr />
                                                </div>
                                            @endif
                                        @empty
                                            @forelse (old('invoice') ?? [] as $old)
                                                <div data-repeater-item>
                                                    <div class="row d-flex align-items-end">
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('البند') }}</label>
                                                                <select class="form-control" id="line_id"
                                                                    aria-describedby="line_id" name="line_id">
                                                                    @forelse (App\Models\Line::where('school_id',Auth()->user()->school_id)->get() as $item)
                                                                        <option value="{{ $item->id }}"
                                                                            @if (($old['line_id'] ?? 0) == $item->id) selected @endif>
                                                                            {{ $item->name }}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('المخصص المالي') }}
                                                                    {{ $budget->type == 0 ? '' : '(%)' }}</label>
                                                                <input type="text" name="price" id="price"
                                                                    class="form-control price-lines"
                                                                    value="{{ $old['price'] ?? 0 }}">
                                                            </div>
                                                        </div>

                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <button class="btn btn-outline-danger text-nowrap px-1"
                                                                    data-repeater-delete type="button">
                                                                    <i data-feather="x" class="mr-25"></i>
                                                                    <span>{{ __('حذف') }}</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr />
                                                </div>
                                            @empty
                                                <div data-repeater-item>
                                                    <div class="row d-flex align-items-end">
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('الاسم') }}</label>
                                                                <select class="form-control" id="line_id"
                                                                    aria-describedby="line_id" name="line_id">
                                                                    @forelse (App\Models\Line::where('school_id' ,Auth()->user()->school_id)->get() as $item)
                                                                        <option value="{{ $item->id }}">
                                                                            {{ $item->name }}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('المخصص المالي') }}
                                                                    {{ $budget->type == 0 ? '' : '(%)' }}</label>
                                                                <input type="text" name="price" id="price"
                                                                    class="form-control price-lines">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <button class="btn btn-outline-danger text-nowrap px-1"
                                                                    data-repeater-delete type="button">
                                                                    <i data-feather="x" class="mr-25"></i>
                                                                    <span>{{ __('حذف') }}</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr />
                                                </div>
                                            @endforelse
                                        @endforelse
                                        @if (count($budget->lines) != 0)
                                            @forelse (old('invoice') ?? [] as $old)
                                                <div data-repeater-item>
                                                    <div class="row d-flex align-items-end">
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('المنفذ') }}</label>
                                                                <select class="form-control" id="line_id"
                                                                    aria-describedby="line_id" name="line_id">
                                                                    @forelse (App\Models\Line::where('school_id' , Auth()->user()->school_id)->get() as $item)
                                                                        <option value="{{ $item->id }}"
                                                                            @if (($old['line_id'] ?? 0) == $item->id) selected @endif>
                                                                            {{ $item->name }}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <label for="itemname">{{ __('المخصص المالي') }}
                                                                    {{ $budget->type == 0 ? '' : '(%)' }}</label>
                                                                <input type="text" name="price" id="price"
                                                                    class="form-control price-lines"
                                                                    value="{{ $old['price'] ?? 0 }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 col-12">
                                                            <div class="form-group">
                                                                <button class="btn btn-outline-danger text-nowrap px-1"
                                                                    data-repeater-delete type="button">
                                                                    <i data-feather="x" class="mr-25"></i>
                                                                    <span>{{ __('حذف') }}</span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr />
                                                </div>
                                            @empty
                                            @endforelse
                                        @endif
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <button class="btn btn-icon btn-success" type="button"
                                                onclick="checkPrice()">
                                                <i data-feather="save" class="mr-25"></i>
                                                <span>{{ __('حفظ') }}</span>
                                            </button>
                                            <button class="btn btn-icon btn-primary" type="button" data-repeater-create>
                                                <i data-feather="plus" class="mr-25"></i>
                                                <span>{{ __('اضافة جديد') }}</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /Invoice repeater -->
                </div>
            </section>

        </div>
    </div>
@endsection

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{ asset('app-assets/vendors/js/forms/repeater/jquery.repeater.min.js') }}"></script>
    <!-- END: Page Vendor JS-->

    <script>
        $(function() {
            'use strict';
            // form repeater jquery
            $('.invoice-repeater, .repeater-default').repeater({
                show: function() {

                    $(this).slideDown();
                    // Feather Icons
                    if (feather) {
                        feather.replace({
                            width: 14,
                            height: 14
                        });
                    }
                },
                hide: function(deleteElement) {
                    if (confirm('هل تريد حذف الحقل؟')) {
                        $(this).slideUp(deleteElement);
                    }
                }
            });

        });

        @if ($budget->type == 0)
            function checkPrice() {
                var totalPrice = {{ $budget->price }},
                    currentPrice = 0;

                Array.from(document.getElementsByClassName("price-lines")).forEach(function(e) {
                    e.value && (currentPrice += parseFloat(e.value))
                })
                if (totalPrice >= currentPrice) {
                    $('#lineForm').submit();
                } else {
                    alert('لا يمكن الحفظ لان مبلغ الميزانية اقل من المبلغ المدخل')
                }

            }
        @else
            function checkPrice() {
                var totalPrice = 100,
                    currentPrice = 0;

                Array.from(document.getElementsByClassName("price-lines")).forEach(function(e) {
                    e.value && (currentPrice += parseFloat(e.value))
                })
                if (totalPrice >= currentPrice) {
                    $('#lineForm').submit();
                } else {
                    alert('المخصص المالي المدخل يجب ان يكون بالنسبة المئوية من 0% الى 100%');
                }

            }
        @endif
    </script>

    <script>
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        })
    </script>
@endsection