@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
    <style>
        .custoTable table>tbody>tr.restrictions-row:nth-child(even) td input.form-control {
            background-color: white !important;
            border: 1px solid white;
        }

        textarea#descriptionAll {
            height: 85px;
            width: 96%;

        }

        textarea.form-control.restrictions_description_acc {
            width: 200px;
        }

        span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
            width: 200px;
        }
    </style>
@endsection

@section('main-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> {{ __('messages.Daily restrictions') }}
            </h3>
        </div>
        <div class="row justify-content-md-center create-permit-form">

            <select class="selectToClone form-control restrictions_transaction_id d-none">
                <option value="0">{{ __('validation.Select', ['attribute' => __('messages.transactions')]) }}</option>
                @foreach ($Transaction as $row)
                    <option value="{{ $row->id }}">
                        {{ str_replace('-', '', $row->serial_number) }} -
                        {{ $row->name }}
                    </option>
                @endforeach
            </select>

            <form id="permit-form">
                <input type="hidden" id="submit-url" value="{{ route('store.Daily.restrictions') }}">


                <div class="form-row row justify-content-around">
                    <div class="form-group col-sm-6 col-md-5 col-md-2 col-xl-3">
                        <label class="required">{{ __('messages.Date') }}</label>
                        <input type="date" class="form-control" name="date" required>
                    </div>
                    <div class="form-group col-sm-6 col-md-5 col-md-2 col-xl-3">
                        <label>{{ __('messages.ID') }}</label>
                        <input type="text" id="idSerial" class="form-control" name="serial" disabled>
                    </div>
                    <div class="col-md-12 row align-items-center restrictions-container">
                        <hr class="w-85  m-auto ">
                        <div class="col-md-12 row align-items-center restrictions-container m-auto mt-3">
                            <div class="form-group col-md-12">
                                <label class="required">{{ __('messages.description') }}</label>
                                <textarea type="text" class="restrictions_name form-control m-auto" 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">{{ __('messages.Daily restrictions') }}</h4>
                            </div>
                            <ul id="save_msgList"></ul>
                            <div id="success_message"></div>

                            <div class="custoTable custoTable2" style="overflow: hidden;">
                                <div class="table_responsive libra-order">
                                    <table id="show-myTableItems">
                                        <thead>
                                        <tr>
                                            <th class='col-4 required'>{{ __('messages.Name') }}</th>
                                            <th class='required'>{{ __('messages.Credit') }}</th>
                                            <th class='required'>{{ __('messages.Debit') }}</th>
                                            <th class='required'>{{ __('messages.description') }}</th>
                                            <th></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <!-- First default row without delete button -->
                                        <tr class="restrictions-row default-row">
                                            <td class='select-td'>
                                                <select
                                                        class="js-example-disabled-results form-control restrictions_transaction_id">
                                                    <option value="0">
                                                        {{ __('validation.Select', ['attribute' => __('messages.transactions')]) }}
                                                    </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"
                                                       class="form-control restrictions_cr">
                                            </td>
                                            <td>
                                                <input type="number" step="any"
                                                       class="form-control restrictions_dr">
                                            </td>
                                            <td>
                                                <textarea type="text" 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
                                                        class="js-example-disabled-results form-control restrictions_transaction_id">
                                                    <option value="0">
                                                        {{ __('validation.Select', ['attribute' => __('messages.transactions')]) }}
                                                    </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"
                                                       class="form-control restrictions_cr">
                                            </td>
                                            <td>
                                                <input type="number" step="any"
                                                       class="form-control restrictions_dr">
                                            </td>
                                            <td>
                                                <textarea type="text" 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;">{{ __('messages.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 col-md-1 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>{{ __('messages.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>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var translations = {
            'You must enter a single value in credit or debit': '{{ __('messages.You must enter a single value in credit or debit') }}',

        };
    </script>
    <script src="{{ asset('metronic/js/pages/Daily-restrictions.js') }}"></script>
@endsection