@extends('layouts/inventory_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">{{ $pageTitle }}</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div>
                                <script type="text/javascript">
                                    jQuery(document).ready(function($) {

                                        $("#proGroupView").dataTable().yadcf([

                                        ]);
                                    });
                                </script>
                            </div>
                            <table class="table table-striped table-bordered" id="proGroupView">
                                <thead>
                                    <tr>
                                        <th width="30">SL#</th>
                                        <th>Approval System</th>
                                        <th>Method</th>
                                        <th>Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody id="tableBodySection">
                                                                        @if (!empty($configArray))
                                        @foreach ($configArray as $config)
                                            <tr class="item{{ $config['id'] }}">
                                                <td class="text-center slNo">{{ ++$no }}</td>
                                                <td style="text-align: left !important;">
                                                        <ul>
                                                            <li>Is Approve System: <span @if($config['transaction_approval_val'] == 'true') style="color:#72A230" @else style="color:#FF0000" @endif>{{ $config['transaction_approval'] }}</span></li>
                                                            <li>Opening Stock: @if($config['transaction_approval_opening_stock'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Branch Requisition: @if($config['transaction_approval_branch_requisition'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Employee Requisition: @if($config['transaction_approval_employee_requisition'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Purchase: @if($config['transaction_approval_purchase'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Purchase Return: @if($config['transaction_approval_purchase_return'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Purchase Order: @if($config['transaction_approval_purchase_order'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Issue: @if($config['transaction_approval_issue'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Issue Return: @if($config['transaction_approval_issue_return'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Use: @if($config['transaction_approval_use'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Use Return: @if($config['transaction_approval_use_return'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                            <li>Transfer: @if($config['transaction_approval_transfer'] == 1) <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i> @else <i style="color:#FF0000 " class="fa fa-close" aria-hidden="true"></i> @endif</li>
                                                        </ul>
                                                </td>
                                                <td class="text-center">{{ $config['transaction_method'] }}</td>

                                                <td class="text-center" width="100">
                                                    <a id="editIcone" href="javascript:;" class="edit-modal" data-target="#edit-modal"
                                                    data-id          ="{{ $config['id'] }}"
                                                    data-transactionApprovalSystem        ="{{ $config['transaction_approval_system'] }}"
                                                    data-transactionMethodSystem        ="{{ $config['transaction_method_system'] }}"
                                                    data-transactionApproval        ="{{ $config['transaction_approval_val'] }}"

                                                    data-approvalOpeningStock        ="{{ $config['transaction_approval_opening_stock'] }}"
                                                    data-approvalBranchRequisition        ="{{ $config['transaction_approval_branch_requisition'] }}"
                                                    data-approvalEmployeeRequisition        ="{{ $config['transaction_approval_employee_requisition'] }}"
                                                    data-approvalPurchase        ="{{ $config['transaction_approval_purchase'] }}"
                                                    data-approvalPurchaseReturn        ="{{ $config['transaction_approval_purchase_return'] }}"
                                                    data-approvalPurchaseOrder        ="{{ $config['transaction_approval_purchase_order'] }}"
                                                    data-approvalIssue        ="{{ $config['transaction_approval_issue'] }}"
                                                    data-approvalIssueReturn        ="{{ $config['transaction_approval_issue_return'] }}"
                                                    data-approvalUse        ="{{ $config['transaction_approval_use'] }}"
                                                    data-approvalUseReturn        ="{{ $config['transaction_approval_use_return'] }}"
                                                    data-approvalTransfer        ="{{ $config['transaction_approval_transfer'] }}"
                                                    data-transactionMethod     ="{{ $config['transaction_method_val'] }}"
                                                >

                                                    <span class="glyphicon glyphicon-edit"></span>

                                                </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="myModal" class="modal fade" style="margin-top:3%">
        <div class="modal-dialog">
            <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title" style="clear:both"></h4>
            </div>

            {{-- Modal Body Start  --}}
            <div class="modal-body">

                {!! Form::open(array('url' => 'editTransactionSetting', 'enctype' => 'multipart/form-data', 'role' => 'form',  'class'=>'form-horizontal form-groups')) !!}

                    <div class="form-group hidden">
                        {!! Form::label('id', 'ID:', ['class' => 'col-sm-2 control-label']) !!}
                        <div class="col-sm-10">
                        {!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text', 'readonly']) !!}
                        {!! Form::text('transaction_approval_system', $value = null, ['class' => 'form-control', 'id' => 'transaction_approval_system', 'type' => 'text', 'readonly']) !!}
                        {!! Form::text('transaction_method_system', $value = null, ['class' => 'form-control', 'id' => 'transaction_method_system', 'type' => 'text', 'readonly']) !!}
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('transactionApproval', 'Transaction Approval:', ['class' => 'col-sm-3 control-label']) !!}
                        <div class="col-sm-3">
                            {!! Form::radio('transactionApproval', 'true', false, ['class' => 'checkTransactionApprovalRadio', 'id' => 'Yes']) !!}
                            {!! Form::label('Yes', 'Yes', ['for' => 'Yes']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::radio('transactionApproval', 'false', false, ['class' => 'checkTransactionApprovalRadio', 'id' => 'No']) !!}
                            {!! Form::label('No', 'No', ['for' => 'No']) !!}
                        </div>
                    </div>

                    <div class="form-group approvalConfigClass" id="approvalConfigId">
                        <label class="col-sm-3 control-label" for="approval_config" style="height: 25%">Approval Config:</label>

                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_opening_stock', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_opening_stock']) !!}
                            {!! Form::label('inv_opening_stock','Opening Stock', ['for' => 'inv_opening_stock']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_branch_requisition', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_branch_requisition']) !!}
                            {!! Form::label('inv_branch_requisition','Branch Requisition', ['for' => 'inv_branch_requisition']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_employee_requisition', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_employee_requisition']) !!}
                            {!! Form::label('inv_employee_requisition','Emp. Requisition', ['for' => 'inv_employee_requisition']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_purchase', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_purchase']) !!}
                            {!! Form::label('inv_purchase','Purchase', ['for' => 'inv_purchase']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_purchase_return', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_purchase_return']) !!}
                            {!! Form::label('inv_purchase_return','Purchase Return', ['for' => 'inv_purchase_return']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_purchase_order', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_purchase_order']) !!}
                            {!! Form::label('inv_purchase_order','Purchase Order', ['for' => 'inv_purchase_order']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_issue', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_issue']) !!}
                            {!! Form::label('inv_issue','Issue', ['for' => 'inv_issue']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_issue_return', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_issue_return']) !!}
                            {!! Form::label('inv_issue_return','Issue Return', ['for' => 'inv_issue_return']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_use', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_use']) !!}
                            {!! Form::label('inv_use','Use', ['for' => 'inv_use']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_use_return', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_use_return']) !!}
                            {!! Form::label('inv_use_return','Use Return', ['for' => 'inv_use_return']) !!}
                        </div>
                        <div class="col-sm-3">
                            {!! Form::checkbox('inv_transfer', '1', false,['class'=>'checkItemConfig', 'id' => 'inv_transfer']) !!}
                            {!! Form::label('inv_transfer','Transfer', ['for' => 'inv_transfer']) !!}
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('transactionMethod', 'Transaction Method:', ['class' => 'col-sm-3 control-label']) !!}
                        <div class="col-sm-2">
                            {!! Form::radio('transactionMethodApplicable', 'normal', true, ['class' => 'checkTransactionMethod', 'id' => 'normal']) !!}
                            {!! Form::label('normal', 'Normal', ['for' => 'normal']) !!}
                        </div>
                        <div class="col-sm-2">
                            {!! Form::radio('transactionMethodApplicable', 'fifo', false, ['class' => 'checkTransactionMethod', 'id' => 'fifo']) !!}
                            {!! Form::label('fifo', 'Fifo', ['for' => 'fifo']) !!}
                        </div>
                        <div class="col-sm-2">
                            {!! Form::radio('transactionMethodApplicable', 'lifo', false, ['class' => 'checkTransactionMethod', 'id' => 'lifo']) !!}
                            {!! Form::label('lifo', 'Lifo', ['for' => 'lifo']) !!}
                        </div>
                        <div class="col-sm-2">
                            {!! Form::radio('transactionMethodApplicable', 'average', false, ['class' => 'checkTransactionMethod', 'id' => 'average']) !!}
                            {!! Form::label('average', 'Average', ['for' => 'average']) !!}
                        </div>
                    </div>

                    <div class="Updatesuccessmsg" style="clear:both" id="forSubmit">
                        <p id="MSGE" class="pull-left" style="color:red"></p>
                        <p id="MSGS" class="pull-left" style="color:green"></p>
                        <p class="pull-right">
                        {!! Form::submit('Update', ['class' => 'btn actionBtn'] ) !!}
                        {!! Form::button('<span id=""> Close</span>',['class' => 'btn btn-warning', 'data-dismiss' => 'modal' , 'id' => 'footer_action_button_dismis'] ) !!}
                        </p>
                    </div>

                {!! Form::close()  !!}

            </div>
            {{-- Modal Body End  --}}

            <div class="modal-footer">
                {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn', 'id' => 'footer_action_button'] ) !!}
                {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn', 'data-dismiss' => 'modal', 'id' => 'footer_action_button2'] ) !!}
                {!! Form::button('<span id="">Close</span>',['class' => 'btn btn-warning', 'data-dismiss' => 'modal' , 'id' => 'footer_action_button_dismis'] ) !!}
            </div>


            </div>
        </div>
    </div>
<script type="text/javascript">
$(document).ready(function() {



    $('.checkTransactionApprovalRadio').on('change', function (e) {
        var checkTransactionApprovalRadio = document.querySelector('input[name="transactionApproval"]:checked').value;
        console.log('checkTransactionApprovalRadio ',checkTransactionApprovalRadio);
        if(checkTransactionApprovalRadio == 'true'){
            document.getElementById("approvalConfigId").style.display = "block";
        }else{
            document.getElementById("approvalConfigId").style.display = "none";
        }
    });

  $(document).on('click', '.edit-modal', function() {
      $('#footer_action_button').text(" Update");
      $('#footer_action_button').addClass('glyphicon glyphicon-check');
      $('#footer_action_button_dismis').text(" Close");
      $('#footer_action_button_dismis').addClass('glyphicon glyphicon-remove');
      $('.actionBtn').addClass('btn-success');
      $('.actionBtn').removeClass('btn-danger');
      $('.actionBtn').addClass('edit');
      $('.modal-title').text('Update Data');
      $('.modal-header').css({"background-color":"black", "color":"white", "padding":"10px"});
      $('.modal-dialog').css('width','50%');
      $('.deleteContent').hide();
      $('.modal-footer').hide();
      $('.form-horizontal').show();

        $('#id').val($(this).data('id'));
        $('#transaction_approval_system').val($(this).data('transactionapprovalsystem'));
        $('#transaction_method_system').val($(this).data('transactionmethodsystem'));
        $('#id').val($(this).data('id'));
        if ($(this).data('transactionapproval') == true) {
            $("#Yes").prop("checked", true);
        } else {
            $("#No").prop("checked", true);
        }
        if ($(this).data('approvalopeningstock') == 1) {
            $("#inv_opening_stock").prop("checked", true);
        }
        if ($(this).data('approvalbranchrequisition') == 1) {
            $("#inv_branch_requisition").prop("checked", true);
        }
        if ($(this).data('approvalemployeerequisition') == 1) {
            $("#inv_employee_requisition").prop("checked", true);
        }
        if ($(this).data('approvalpurchase') == 1) {
            $("#inv_purchase").prop("checked", true);
        }
        if ($(this).data('approvalpurchasereturn') == 1) {
            $("#inv_purchase_return").prop("checked", true);
        }
        if ($(this).data('approvalpurchaseorder') == 1) {
            $("#inv_purchase_order").prop("checked", true);
        }
        if ($(this).data('approvalissue') == 1) {
            $("#inv_issue").prop("checked", true);
        }
        if ($(this).data('approvalissuereturn') == 1) {
            $("#inv_issue_return").prop("checked", true);
        }
        if ($(this).data('approvaluse') == 1) {
            $("#inv_use").prop("checked", true);
        }
        if ($(this).data('approvalusereturn') == 1) {
            $("#inv_use_return").prop("checked", true);
        }

        if ($(this).data('approvaltransfer') == 1) {
            $("#inv_transfer").prop("checked", true);
        }


        if ($(this).data('transactionmethod') == 'normal') {
        $("#normal").prop("checked", true);
        }else if($(this).data('transactionmethod') == 'fifo'){
        $("#fifo").prop("checked", true);
        }else if($(this).data('transactionmethod') == 'lifo'){
        $("#lifo").prop("checked", true);
        }else {
        $("#average").prop("checked", true);
        }

    $('#footer_action_button2').hide();
      $('#footer_action_button').show();
      $('.actionBtn').removeClass('delete');
      $('#myModal').modal('show');
  });

  // Edit Data (Modal and function edit data)
  $('form').submit(function( event ) {
    event.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
          type: 'post',
          url: '{{route("inv_transaction_setting_update")}}',
          data: formData,
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          dataType: 'json',
          success: function( data ){
            Swal.fire({
                icon: 'success',
                title: 'Transaction Setting Data Update!',
                text: 'Transaction setting data successfully updated!',
                showConfirmButton: false,
                timer: 1500
            })

            $('#myModal').modal('hide');
            setTimeout(function() {
                window.location.href = "{{route('inv_transaction_setting')}}";
            }, 2000);
          },
            error: function( data ){
                alert('error');
          }
    });
  });

});
</script>
@endsection
<style>
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }
</style>