@extends('layouts.app')

@push('css')
    @include('components.dataTable-style-links')
    <link href="{{ asset('assets/css/accounting/add-daily-restriction.css') }}" rel="stylesheet" />
@endpush

@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <h3 class="page-title">
            <span class="page-title-icon bg-gradient-primary text-white me-2">
                <i class="fa-solid fa-pen-to-square menu-icon"></i>
            </span>
            {{ __('Edit Daily Restriction') }}
        </h3>
    </div>

    <div class="row justify-content-md-center create-permit-form">
        <form action="{{ route('dashboard.accounting.daily-restrictions.update') }}" method="POST" id="edit-form">
            @csrf
            @method('POST')

            {{-- Hidden fields required by validation --}}
            <input type="hidden" name="id" value="{{ $restrictions->id }}">
            <input type="hidden" name="serial" value="{{ $restrictions->serial }}">
            <input type="hidden" name="Total_Sum_dr" id="Total_Sum_dr" value="{{ $restrictions->Total_Sum_dr }}">
            <input type="hidden" name="Total_Sum_cr" id="Total_Sum_cr" value="{{ $restrictions->Total_Sum_cr }}">

            <div class="form-row row justify-content-around bg-white rounded p-3">
                <div class="col-md-12 row align-items-center restrictions-container">

                    <div class="form-group col-md-6">
                        <label class="required">{{ __('Date') }}</label>
                        <input type="date" name="date" class="form-control" value="{{ $restrictions->date }}" required>
                    </div>

                    <div class="form-group col-md-12">
                        <label class="required">{{ __('Description') }}</label>
                        <textarea name="description" id="descriptionAll" class="form-control" required>{{ $restrictions->description }}</textarea>
                    </div>

                    <hr class="w-85 m-auto">

                    <div class="col-md-12 row align-items-center restrictions-container m-auto mt-3">
                        <div class="row mt-2">
                            <h4 class="col-md-3 mb-2">{{ __('Restriction Details') }}</h4>
                        </div>

                        <div class="customTable customTable2" style="overflow: hidden;">
                            <div class="table_responsive libra-order">
                                <table id="edit-myTableItems">
                                    <thead>
                                        <tr>
                                            <th class="col-4 required">{{ __('Account Name') }}</th>
                                            <th class="required">{{ __('Credit') }}</th>
                                            <th class="required">{{ __('Debit') }}</th>
                                            <th class="required">{{ __('Description') }}</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($restrictions->dailyRestrictionTransactions as $index => $trans)
                                            <tr class="restrictions-row">
                                                <input type="hidden" name="restrictions[{{ $index }}][id]" value="{{ $trans->id }}">
                                                <td class="select-td">
                                                    <select name="restrictions[{{ $index }}][transaction_id]" class="select2 form-control restrictions_transaction_id">
                                                        <option value="0">{{ __('Select') }}</option>
                                                        @foreach ($accounts as $account)
                                                            <option value="{{ $account->id }}" {{ $account->id == $trans->transaction_id ? 'selected' : '' }}>
                                                                {{ str_replace('-', '', $account->serial_number) }} - {{ $account->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number" step="any" name="restrictions[{{ $index }}][cr]" value="{{ $trans->cr }}" class="form-control restrictions_cr">
                                                </td>
                                                <td>
                                                    <input type="number" step="any" name="restrictions[{{ $index }}][dr]" value="{{ $trans->dr }}" class="form-control restrictions_dr">
                                                </td>
                                                <td>
                                                    <textarea name="restrictions[{{ $index }}][description_acc]" class="form-control restrictions_description_acc" required>{{ $trans->description_acc }}</textarea>
                                                </td>
                                                <td>
                                                    @if ($index > 1)
                                                        <button type="button" class="btn btn-danger delete-row">
                                                            <i class="fa-solid fa-trash"></i>
                                                        </button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td style="font-size: 23px;">{{ __('Total') }}</td>
                                            <td><input type="number" id="sumCr" class="form-control" value="{{ $restrictions->Total_Sum_cr }}" disabled></td>
                                            <td><input type="number" id="sumDr" class="form-control" value="{{ $restrictions->Total_Sum_dr }}" disabled></td>
                                            <td></td>
                                            <td>
                                                <div class="row justify-content-end">
                                                    <i class="fa-solid fa-circle-plus add-restrictions-btn"></i>
                                                </div>
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-start mt-4 mx-2 px-4">
                        <button type="submit" id="submit-btn" class="btn btn-success col-md-2">
                            {{ __('Update') }}
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script>
    var translations = {
        'You must enter a single value in credit or debit': '{{ __('You must enter a single value in credit or debit') }}',
    };
</script>
<script src="{{ asset('assets/js/pages/accounting/edit-daily-restrictions.js?v=') . uniqid() }}"></script>
@endsection