@extends('layout.main')

@section('content')
    <div class="container grid px-6 mx-auto">
        <h4 class="mb-4 mt-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
            Edit Saving Product
        </h4>
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <form action="{{ route('saving-product.update',$data->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="mt-2 grid gap-2 mb-3 md:grid-cols-2">
                <label class="block mb-4 mr-3 text-sm">
                    <span class="text-gray-700 dark:text-gray-400">*Product Name</span>
                    <input
                        class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
      @error('name')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
      focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                        name="name" value="{{ old('name',$data->name) }}" placeholder="Name">
                    @error('name')
                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </label>
                <label class="block mb-4 text-sm">
                    <span class="text-gray-700 dark:text-gray-400">*Product Short Name</span>
                    <input
                        class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
      @error('short_name')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
      focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                        name="short_name" value="{{ old('short_name',$data->short_name) }}" placeholder="Short Name">
                    @error('short_name')
                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </label>
                </div>
                {{-- <div class="mt-2 grid gap-2 mb-8 md:grid-cols-2"> --}}
                <label class="block mb-4 text-sm">
                    <span class="text-gray-700 dark:text-gray-400">*Minimum Opening Balance</span>
                    <input type="number"
                        class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
            @error('min_opening_balance')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                        name="min_opening_balance" value="{{ old('min_opening_balance',$data->min_opening_balance) }}" placeholder="minimum opening balance">
                    @error('min_opening_balance')
                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </label>
                <div class="mt-2 grid gap-2 mb-3 md:grid-cols-2">
                    <label class="block mb-4 mr-3 text-sm">
                        <span class="text-gray-700 dark:text-gray-400">Lock In Type</span>
                        <select name="lock_in_period_type"
                        class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                        >
                            <option name="days" @selected($data->lock_in_period_type == 'days')>Days</option>
                            <option name="months"@selected($data->lock_in_period_type == 'months')>Months</option>
                            <option name="Years"@selected($data->lock_in_period_type == 'Years')>Years</option>
                        </select>
                        @error('lock_in_period_type')
                            <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                        @enderror
                    </label>
                    <label class="block mb-4 text-sm">
                        <span class="text-gray-700 dark:text-gray-400">*Lock in Period Count</span>
                        <input type="number"
                            class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
                            @error('lock_in_period_count')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
                            focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                            name="lock_in_period_count" value="{{ old('lock_in_period_count',$data->lock_in_period_count) }}" placeholder="Lock in Period Count">
                        @error('lock_in_period_count')
                            <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                        @enderror
                    </label>
                    <div class="">
                        <label class=" block mb-4 text-sm items-center dark:text-gray-400">
                            <input
                              type="checkbox"
                              name="apply_withdrawal_fee"
                              @if($data->apply_withdrawal_fee == 1) checked @endif
                              id="apply_withdraw"
                              value="{{$data->apply_withdrawal_fee}}"
                              class="text-purple-600 form-checkbox focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                            />
                            <input type="hidden" name="apply_withdrawal_fee" value="{{$data->apply_withdrawal_fee}}">
                            <span class="ml-2">
                                Apply Withdrawal Fees
                            </span>
                          </label>
                        </div>
                        <div class="">
                            <label class=" block mb-4 text-sm items-center dark:text-gray-400">
                                <input
                                  type="checkbox"
                                  name="enforce_min_balance"
                                  @if($data->enforce_min_balance == 1) checked @endif
                                  value="{{$data->enforce_min_balance}}"
                                  id="enforce"
                                  class="text-purple-600 form-checkbox focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                                />
                                <input type="hidden" name="enforce_min_balance" value="{{$data->enforce_min_balance}}">
                                <span class="ml-2">
                                    Enforce Minimum Balance
                                </span>
                              </label>
                              <label class="block mb-4 text-sm minbal" style="@if($data->enforce_min_balance != 1)display: none @endif">
                                <span class="text-gray-700 dark:text-gray-400">*Minimum Balance</span>
                                <input type="number"
                                    class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
                                    @error('min_balance')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
                                    focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                                    name="min_balance" value="{{ old('min_balance', $data->min_balance) }}" placeholder="Minimum Balance">
                                @error('min_balance')
                                    <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                                @enderror
                            </label>
                            </div>
                            <div class="">
                                <label class=" block mb-4 text-sm items-center dark:text-gray-400">
                                    <input
                                      type="checkbox"
                                      name="is_overdraft_allowed"
                                      id="overdraft"
                                    @if($data->is_overdraft_allowed == 1) checked @endif

                                      value="{{$data->is_overdraft_allowed}}"
                                      class="text-purple-600 form-checkbox focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                                    />
                                <input type="hidden" name="is_overdraft_allowed" value="{{$data->is_overdraft_allowed}}">

                                    <span class="ml-2">
                                       Is Overdraft Allowed
                                    </span>
                                  </label>
                                  <label class="block mb-4 text-sm over-draft" style="@if($data->is_overdraft_allowed != 1)display: none @endif">
                                    <span class="text-gray-700 dark:text-gray-400">*Overdraft Limit</span>
                                    <input type="number"
                                        class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
                                        @error('overdraft_limit')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
                                        focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                                        name="overdraft_limit" value="{{ old('overdraft_limit',$data->overdraft_limit) }}" placeholder="Overdraft Limit">
                                    @error('overdraft_limit')
                                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                                    @enderror
                                </label>
                                <label class="block mb-4 text-sm over-draft" style="@if($data->is_overdraft_allowed != 1)display: none @endif">
                                    <span class="text-gray-700 dark:text-gray-400">*Interest Rate</span>
                                    <input type="number"
                                        class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 
                                        @error('overdraft_interest_rate')border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror
                                        focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
                                        name="overdraft_interest_rate" value="{{ old('overdraft_interest_rate',$data->overdraft_interest_rate) }}" placeholder="Interest Rate">
                                    @error('overdraft_interest_rate')
                                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                                    @enderror
                                </label>
                                </div>
                        
                </div>
                <label class="block mb-4 text-sm " >
                    <span class="text-gray-700 dark:text-gray-400">*Product Description</span>
                    <textarea  class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" 
            rows="10" name="description" placeholder="Enter description content.">{{ old('description',$data->description) }}</textarea>
                    
                    @error('description')
                        <p class="text-red-700 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </label>
                

                <div class="flex justify-end mt-6">
                    <button
                        class="px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
                        type="submit">{{ __('Submit Expense') }}</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{asset('js/custom.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('#apply_withdraw').click(function() {
                $('input[name="apply_withdrawal_fee"][type="hidden"]').val($(this).is(':checked') ? 1 : 0);
            });
            $('#enforce').click(function(){
                $('input[name="enforce_min_balance"][type="hidden"]').val($(this).is(':checked') ? 1 : 0);
            });
            $('#overdraft').click(function(){
                $('input[name="is_overdraft_allowed"][type="hidden"]').val($(this).is(':checked') ? 1 : 0);

            });

        });
        
    </script>
    
    @endpush('scripts')