@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:#fff!important;border:1px solid #fff}
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}
.delete-restrictions-btn{cursor:pointer;color:#dc3545;font-size:18px}
.add-restrictions-btn{cursor:pointer;color:#28a745;font-size:24px}
.add-restrictions-btn:hover,.delete-restrictions-btn:hover{opacity:.7}
</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.Edit Daily restrictions') }}
    </h3>
  </div>

  <div class="row justify-content-md-center create-permit-form">

    {{-- select template for cloning --}}
    <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('daily-restrictions.update') }}">
      <input type="hidden" name="id" value="{{ $restrictions->id }}">

      <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" value="{{ $restrictions->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" value="{{ $restrictions->serial }}" readonly>
        </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 class="restrictions_name form-control m-auto" name="description" id="descriptionAll" required>{{ $restrictions->description }}</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>{{ __('messages.Actions') }}</th>
                    </tr>
                  </thead>
                  <tbody>
                  @foreach($restrictions->dailyRestrictionTransactions as $transaction)
                    <tr class="restrictions-row">
                      {{-- مهم: hidden id للسطر القديم --}}
                      <input type="hidden"
                             class="restrictions_id"
                             name="restrictions[{{ $loop->index }}][id]"
                             value="{{ $transaction->id }}">

                      <td class='select-td'>
                        <select class="js-example-disabled-results form-control restrictions_transaction_id"
                                name="restrictions[{{ $loop->index }}][transaction_id]">
                          <option value="0">{{ __('validation.Select', ['attribute' => __('messages.transactions')]) }}</option>
                          @foreach ($Transaction as $row)
                            <option value="{{ $row->id }}" {{ $row->id == $transaction->transaction_id ? 'selected' : '' }}>
                              {{ str_replace('-', '', $row->serial_number) }} - {{ $row->name }}
                            </option>
                          @endforeach
                        </select>
                      </td>
                      <td>
                        <input type="number" step="any" class="form-control restrictions_cr"
                               name="restrictions[{{ $loop->index }}][cr]"
                               value="{{ $transaction->cr > 0 ? $transaction->cr : '' }}">
                      </td>
                      <td>
                        <input type="number" step="any" class="form-control restrictions_dr"
                               name="restrictions[{{ $loop->index }}][dr]"
                               value="{{ $transaction->dr > 0 ? $transaction->dr : '' }}">
                      </td>
                      <td>
                        <textarea class="form-control restrictions_description_acc"
                                  name="restrictions[{{ $loop->index }}][description_acc]"
                                  required>{{ $transaction->description_acc }}</textarea>
                      </td>
                      <td>
                        @if($loop->count > 1 || !$loop->first)
                          <i class="fas fa-trash delete-restrictions-btn"></i>
                        @endif
                      </td>
                    </tr>
                  @endforeach
                  </tbody>

                  <tfoot>
                    <tr>
                      <td style="font-size: 23px;">{{ __('messages.Total') }}</td>
                      <td><input type="number" id="sumCr" class="form-control col-md-2" readonly value="{{ $restrictions->Total_Sum_cr }}"></td>
                      <td><input type="number" id="sumDr" class="form-control col-md-2" readonly value="{{ $restrictions->Total_Sum_dr }}"></td>
                      <td></td>
                      <td>
                        <div class="row justify-content-end">
                          <i class="fa-solid fa-circle-plus col-md-1 add-restrictions-btn" title="{{ __('messages.Add new row') }}"></i>
                        </div>
                      </td>
                    </tr>
                  </tfoot>
                </table>
              </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">{{ __('messages.Save') }}</button>
            </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/editAccountEntries.js') }}"></script>
@endsection