@extends('layouts.app')

@push('css')
    @include('components.dataTable-style-links')
    <link href="{{ asset('assets/css/accounting/add-daily-restriction.css') }}" />
@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-sheet-plastic menu-icon"></i>
                </span> {{ __('Daily Restrictions') }}
            </h3>
        </div>
        <div class="row justify-content-md-center create-permit-form ">

            <select name="account[1]" class="selectToClone form-control restrictions_transaction_id d-none">
                <option value="0">{{ __('Select') }}</option>
                @foreach ($transaction as $row)
                    <option value="{{ $row->id }}">
                        {{ str_replace('-', '', $row->serial_number) }} -
                        {{ $row->name }}
                    </option>
                @endforeach
            </select>
            <form action="{{ route('dashboard.accounting.daily-restrictions.store') }}" method="POST" id="add-form">
                @csrf
                <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="col-md-12 row align-items-center restrictions-container m-auto mt-3">
                            <div class="form-group col-12">
                                <label class="required">{{ __('Date') }}</label>
                                <input type="date" class="form-control" name="date" required>
                            </div>
                            <div class="form-group col-md-12">
                                <label class="required">{{ __('description') }}</label>
                                <textarea class="restrictions_name form-control" name="description" id="descriptionAll" required></textarea>
                            </div>
                        </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">{{ __('Daily Restrictions') }}</h4>
                            </div>


                            <div class="customTable customTable2" style="overflow: hidden;">
                                <div class="table_responsive libra-order">
                                    <table id="show-myTableItems">
                                        <thead>
                                            <tr>
                                                <th class='col-4 required'>{{ __('Name') }}</th>
                                                <th class='required'>{{ __('Credit') }}</th>
                                                <th class='required'>{{ __('Debit') }}</th>
                                                <th class='required'>{{ __('description') }}</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!-- First default row without delete button -->
                                            <tr class="restrictions-row default-row">
                                                <td class='select-td'>
                                                    <select name="account[1]"
                                                        class="select2 form-control restrictions_transaction_id">
                                                        <option value="0"> {{ __('Select') }} </option>
                                                        @foreach ($transaction as $row)
                                                            <option value="{{ $row->id }}">
                                                                {{ str_replace('-', '', $row->serial_number) }} -
                                                                {{ $row->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number" step="any" name="cr[1]"
                                                        class="form-control restrictions_cr">
                                                </td>
                                                <td>
                                                    <input type="number" name="dr[1]" step="any"
                                                        class="form-control restrictions_dr">
                                                </td>
                                                <td>
                                                    <textarea name="restrictions_description[1]" class="form-control restrictions_description_acc" required></textarea>
                                                </td>
                                                <td>
                                                    <!-- No delete button for default row -->
                                                </td>
                                            </tr>
                                            <tr class="restrictions-row default-row">
                                                <td class='select-td'>
                                                    <select name="account[2]"
                                                        class="select2 form-control restrictions_transaction_id">
                                                        <option value="0">
                                                            {{ __('Select') }}
                                                        </option>
                                                        @foreach ($transaction as $row)
                                                            <option value="{{ $row->id }}">
                                                                {{ str_replace('-', '', $row->serial_number) }} -
                                                                {{ $row->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number" step="any" name="cr[2]"
                                                        class="form-control restrictions_cr">
                                                </td>
                                                <td>
                                                    <input type="number" step="any" name="dr[2]"
                                                        class="form-control restrictions_dr">
                                                </td>
                                                <td>
                                                    <textarea name="restrictions_description[2]" class="form-control restrictions_description_acc" required></textarea>
                                                </td>
                                                <td>
                                                    <!-- No delete button for default row -->
                                                </td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td style="font-size: 23px;">{{ __('Total') }}</td>
                                                <td><input type="number" id="sumCr" class="form-control col-md-2"
                                                        disabled></td>
                                                <td><input type="number" id="sumDr" class="form-control col-md-2"
                                                        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-sm btn-primary col-md-2 "
                                disabled>{{ __('Save') }}</button>
                            <!--             	<div class="col-md-6 row"> -->
                            <!--                <div class="form-group col-md-5"> -->
                            <!--                 <input type="number" id="sumCr" class="form-control col-md-2" disabled> -->
                            <!--                 </div> -->
                            <!--                <div class="form-group col-md-5"> -->
                            <!-- 	            <input type="number"  id="sumDr" class="form-control col-md-2" disabled> -->
                            <!-- 	           </div> -->
                            <!-- 	           </div> -->
                        </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></script>
    <script src="{{ asset('assets/js/pages/accounting/add-daily-restrictions.js?v=') . uniqid() }}"></script>
@endsection