@extends('layouts.admin')

@section('styles')
<style type="text/css">
    /* The switch - the box around the slider */
    .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }

    /* Hide default HTML checkbox */
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    }
</style>
@endsection
@section('content')

<form method="POST" action="{{ route("admin.adjustment-entries.store") }}" id="promoterTaskListForm" enctype="multipart/form-data">
    @csrf
    <div class="row">
        <div class="col-12 col-md-12">
            <div class="card">
                <div class="card-header">
                    {{ trans('global.create') }} {{ trans('cruds.adjustmentEntry.title_singular') }}
                </div>

                <div class="card-body">
                    <div class="row">
                        <div class="col-12 col-md-12">
                            <div class="form-group">
                                <label class="required" for="adjustment_type">{{ trans('cruds.adjustmentEntry.fields.adjustment_type') }}</label>
                                <select class="form-control select2 {{ $errors->has('sat_id') ? 'is-invalid' : '' }}" name="sat_id" id="sat_id" required>
                                    <option value=""></option>
                                    @foreach($stockAdjustmentTypes as $id => $stockAdjustmentType)
                                        <option value="{{ $id }}" {{ old('sat_id') == $id ? 'selected' : '' }}>{{ $stockAdjustmentType }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('sat_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('sat_id') }}
                                    </div>
                                @endif
                                <span class="help-block">{{ trans('cruds.adjustmentEntry.fields.adjustment_type_helper') }}</span>
                            </div>
                            <div class="form-group">
                                <label class="required" for="supplier_id">{{ trans('cruds.adjustmentEntry.fields.supplier') }}</label>
                                <select class="form-control select2 {{ $errors->has('supplier_id') ? 'is-invalid' : '' }}" name="supplier_id" id="supplier_id" required>
                                    <option value=""></option>
                                    @foreach($suppliers as $id => $supplier_name)
                                        <option value="{{ $id }}" {{ old('supplier_id') == $id ? 'selected' : '' }}>{{ $supplier_name }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('supplier_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('supplier_id') }}
                                    </div>
                                @endif
                                <span class="help-block">{{ trans('cruds.adjustmentEntry.fields.supplier_helper') }}</span>
                            </div>
                            @can('isWarehouse')
                                <div class="form-group">
                                    <label for="warehouse_id">{{ trans('cruds.adjustmentEntry.fields.warehouse') }} : {{ $warehouses->name }}</label>
                                    <input type="hidden" name="warehouse_id" value="{{ $warehouses->id }}">
                                </div>
                            @else
                                <div class="form-group">
                                    <label class="required" for="warehouse_id">{{ trans('cruds.adjustmentEntry.fields.warehouse') }}</label>
                                    <select class="form-control select2 {{ $errors->has('warehouse_id') ? 'is-invalid' : '' }}" name="warehouse_id" id="warehouse_id" required>
                                        <option value=""></option>
                                        @foreach($warehouses as $id => $warehouse_name)
                                            <option value="{{ $id }}" {{ old('warehouse_id') == $id ? 'selected' : '' }}>{{ $warehouse_name }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('warehouse_id'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('warehouse_id') }}
                                        </div>
                                    @endif
                                    <span class="help-block">{{ trans('cruds.adjustmentEntry.fields.warehouse_helper') }}</span>
                                </div>
                            @endcan
                            <div class="form-group">
                                <label class="required" for="date">{{ trans('cruds.adjustmentEntry.fields.date') }}</label>
                                <input class="form-control date {{ $errors->has('date') ? 'is-invalid' : '' }}" type="text" name="date" id="date" value="{{ old('date', '') }}" required>
                                @if($errors->has('date'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('date') }}
                                    </div>
                                @endif
                                <span class="help-block">{{ trans('cruds.adjustmentEntry.fields.date_helper') }}</span>
                            </div>
                            <div class="form-group">
                                <label for="remark">{{ trans('cruds.adjustmentEntry.fields.remark') }}</label>
                                <input class="form-control {{ $errors->has('remark') ? 'is-invalid' : '' }}" type="text" name="remark" id="remark" value="{{ old('remark', '') }}">
                                @if($errors->has('remark'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('remark') }}
                                    </div>
                                @endif
                                <span class="help-block">{{ trans('cruds.adjustmentEntry.fields.remark_helper') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="col-12 col-md-6">
            <div class="card">
                <div class="card-header">
                    Store Location
                </div>
                <div class="card-body">
                    <iframe
                      width="100%"
                      height="375"
                      id="google-iframe"
                      loading="lazy"
                      frameborder="0" style="border:0"
                      src="https://maps.google.com/maps?q=Sans+Wellness+Taman+Sutera&t=&z=13&ie=UTF8&iwloc=&output=embed" allowfullscreen>
                    </iframe>
                    <input type="hidden" name="google_map_parameter" id="google_map_parameter" value="" />
                </div>
            </div>
        </div> --}}
    </div>

    <div class="card">
        <div class="card-header">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    {{ trans('cruds.adjustmentEntry.title_singular') }} Record
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="form-group">
                <div class="table-responsive">
                    <table class="table table-striped vertical-responsive adjustmentEntries-responsive-dataTable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>In Qty</th>
                                <th>Out Qty</th>
                                <th>Remark</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="adjustment-entry-products">
                            @if(old('adjustment-entry-products')!="")
                                <div id="countVar" data-count = "{{ count(old('adjustment-entry-products')) }}"></div>
                                @foreach(old('adjustment-entry-products') as $key => $value)
                                    <tr data-id={{ ($key == 0) ? $key + 1 : $key }}>
                                        <th data-index="#" scope="row">{{ ($key == 0) ? $key + 1 : $key }}</th>
                                        <td data-name="Name">
                                            <select class="select2 form-control @error('adjustment-entry-products.'.$key.'.product') is-invalid @enderror" name="adjustment-entry-products[{{ $key }}][product]" style="width: 100%;">
                                                <option value=""></option>
                                                @foreach ($products as $id => $product_name)
                                                    <option value="{{ $id }}">{{ $product_name }}</option>
                                                @endforeach
                                            </select>
                                            @error('adjustment-entry-products.'.$key.'.product')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </td>
                                        <td data-in-qty="In Qty">
                                            <input type="number" step="1" min="0" class="form-control" name="adjustment-entry-products[{{ $key }}][in_qty]">
                                            @error('adjustment-entry-products.'.$key.'.in_qty')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </td>
                                        <td data-out-qty="Out Qty">
                                            <input type="number" step="1" min="0" class="form-control" name="adjustment-entry-products[{{ $key }}][out_qty]">
                                            @error('adjustment-entry-products.'.$key.'.out_qty')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </td>
                                        <td data-remark="Remark">
                                            <input type="text" class="form-control" name="adjustment-entry-products[{{ $key }}][remark]">
                                            @error('adjustment-entry-products.'.$key.'.remark')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </td>
                                        <td data-action="Action" class="text-center">
                                            @if($key == 0)
                                                <button type="button" class="btn btn-success product-plus"> <i class="fa fa-plus"></i> </button>
                                            @else
                                                <button type="button" class="btn btn-success product-plus"> <i class="fa fa-plus"></i> </button>
                                                <button type="button" class="btn btn-danger product-minus"> <i class="fa fa-minus"></i> </button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                            <div id="countVar" data-count="0"></div>
                            <tr data-id="1">
                                <th data-index="#" scope="row">1</th>
                                <td data-name="Name">
                                    <select class="select2 form-control w-100" name="adjustment-entry-products[1][product]" style="width: 100%;">
                                        <option value=""></option>
                                        @foreach ($products as $id => $product_name)
                                            <option value="{{ $id }}">{{ $product_name }}</option>
                                        @endforeach
                                    </select>
                                    @error('adjustment-entry-products.1.product')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td data-in-qty="In Qty">
                                    <input type="number" step="1" min="0" value="0" class="form-control" name="adjustment-entry-products[1][in_qty]">
                                    @error('adjustment-entry-products.1.in_qty')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td data-out-qty="Out Qty">
                                    <input type="number" step="1" min="0" value="0" class="form-control" name="adjustment-entry-products[1][out_qty]">
                                    @error('adjustment-entry-products.1.out_qty')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td data-remark="Remark">
                                    <input type="text" class="form-control" name="adjustment-entry-products[1][remark]">
                                    @error('adjustment-entry-products.1.remark')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </td>
                                <td data-action="Action" class="text-center">
                                    <button type="button" class="btn btn-success product-plus"> <i class="fa fa-plus"></i> </button>
                                </td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-danger" id="submitBtn" type="submit">
                    {{ trans('global.save') }}
                </button>
            </div>
        </div>
    </div>
</form>
@endsection

@section('scripts')
<script type="text/javascript">
$(function(){
    var productOptions = {!! $products !!};

    $('body').on('click', '.product-plus', function() { 
        // i = $('#tab_logic tr').length; 
        var i =  $('#adjustment-entry-products tr:last').data('id');
        i = i+1;
        $('#adjustment-entry-products').append('<tr data-id="'+ i +'">\
            <th data-index="#" scope="row">'+ i +'</th>\
            <td data-name="Name">\
                <select class="select2 form-control w-100" name="adjustment-entry-products['+ i +'][product]" id="adjustment-entry-products-' + i + '-product" style="width: 100%;"></select>\
            </td>\
            <td data-in-qty="In Qty">\
                <input type="number" step="1" min="0" value="0" class="form-control" name="adjustment-entry-products[' + i + '][in_qty]">\
            </td>\
            <td data-out-qty="Out Qty">\
                <input type="number" step="1" min="0" value="0" class="form-control" name="adjustment-entry-products[' + i + '][out_qty]">\
            </td>\
            <td data-remark="Remark">\
                <input type="text" class="form-control" name="adjustment-entry-products[' + i + '][remark]">\
            </td>\
            <td data-action="Action" class="text-center">\
                <button type="button" class="btn btn-success product-plus"> <i class="fa fa-plus"></i> </button>\
                <button type="button" class="btn btn-danger product-minus"> <i class="fa fa-minus"></i> </button>\
            </td>\
        </tr>');

        $.each(productOptions , function (key, value) {
            $('#adjustment-entry-products-' + i + '-product').append($('<option>',
                {
                value: key,
                text: value
                })
            );
        });

        $('.select2').select2({
            placeholder: "Select an option",
            allowClear: true,
            theme: 'bootstrap'
        });

        $('#adjustment-entry-products-' + i + '-product').val('').change();
    });

    $('body').on('click', '.product-minus', function() {
        $(this).closest('tr').remove();
    });
});
</script>

@endsection