@extends('layouts/pos_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')

<div class="row add-data-form" style="padding-bottom:20px;">
    <div class="col-md-12">
        <div class="col-md-1"></div>

        <div class="col-md-10 fullbody">
            <div class="panel panel-default panel-border">

                <div class="panel-heading">
                    <div class="panel-title">{{ $data['pageTitle'] }}</div>
                </div>

                <div class="panel-body">
                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'purchaseForm')) !!}

                        <div class="row">

                            <div class="col-md-8">

                                <div class="form-group">
                                    {!! Form::label('import_export_company', 'Company Name:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        <select name="import_export_company" class="form-control input-sm custom-select2" id="import_export_company">
                                            <option value="">--Select--</option>
                                            @foreach ($data['importExportCompany'] as  $keyImportExportCompany => $importExportCompanySystem)
                                            <option value="{{ $keyImportExportCompany }}">{{ $importExportCompanySystem }}</option>                                                
                                            @endforeach
                                        </select>
                                        <p id='import_export_companye' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('delete_portion', 'Delete Portion:*', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        <select name="delete_portion" class="form-control input-sm custom-select2" id="delete_portion">
                                            <option value="">--Select--</option>
                                            <option value="imported_customer">Customers</option>
                                            <option value="imported_product">Products</option>
                                            <option value="imported_opening_stock">Opening Stock</option>
                                            <option value="imported_opening_balance">Opening Balance</option>
                                        </select>
                                        <p id='delete_portione' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group" id="branchDiv">
                                    {!! Form::label('branch_id', 'Branch Name:*', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        {!! Form::select('branch_id', $data['branches'],null, ['class' => 'form-control custom-select2', 'id' => 'branch_id','placeholder' => 'Select Branch','required'=>'required']) !!}
                                        <p id='branch_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group" id="customerDiv">
                                    {!! Form::label('customer_id', 'Customer:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        <select name="customer_id" class="form-control input-sm custom-select2" id="customer_id">
                                            <option value="">Select Customer</option>
                                        </select>
                                        <p id='customer_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="form-group" id="productDiv">
                                    {!! Form::label('product_id', 'Product:', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8">
                                        <select name="product_id" class="form-control input-sm custom-select2" id="product_id">
                                            <option value="">Select Product</option>
                                            @foreach($data['products'] as $product)
                                                <option value="{{ $product->id }}">{{ $product->name }}</option>
                                            @endforeach
                                        </select>
                                        <p id='product_ide' style="max-height:3px;"></p>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group submit-wrap" style="margin-top: 20px;">
                                            {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8 text-right" >
                                                {!! Form::submit('Delete', ['id' => 'add', 'class' => 'btn btn-danger']); !!}
                                                {{-- <a href="{{route($module.'_list')}}" class="btn btn-danger closeBtn">Close</a> --}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>

                    {!! Form::close()  !!}
                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                </div>

            </div>

            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>

        <div class="col-md-1"></div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('#productDiv').hide();

        $('#delete_portion').change(function() {
            var delete_portion = $(this).val();

            $('#customer_id').empty();
            $('#customer_id').append("<option value=''>Select Customer</option>");

            if(delete_portion == "imported_customer"){
                $('#productDiv').hide();
            }else if(delete_portion == "imported_product"){
                $('#productDiv').show();
            }else if(delete_portion == "imported_opening_stock"){

            }else if(delete_portion == "imported_opening_balance"){
                $('#productDiv').hide();
            }

        });

        $('#branch_id').change(function() {
            var branch_id = $(this).val();
            var portion = $('#delete_portion').val();

            $('#customer_id').empty();
            $('#customer_id').append("<option value=''>Select Customer</option>");

            $.ajax({
                type: 'post',
                url: '{{ route("pos_customer_info_for_imported_data_delete") }}',
                data: {
                    'branch_id': branch_id,
                    'portion': portion,
                },
                success: function(_response) {
                    $.each(_response.customers, function(index, value) {
                        $('#customer_id').append("<option value='" + value
                            .id + "'>" + value.old_customer_id_no +'-' + value.customer_id_no +'-'+ value.name + "</option>");
                    });
                }
            });

        });

        $('form').submit(function( event ){
            event.preventDefault();
            // var formData = new FormData($(this)[0]);
            var formData = $('form').serialize();
            $('#loadingModal').show();

            Swal.fire({
                    title: 'Are you sure?',
                    text: "Once delete you won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: 'post',
                            url: '{{ route("pos_imported_data_delete") }}',
                            data: $('form').serialize(),
                            dataType: 'json',
                            beforeSend: function() {
                                $('#loadingModal').show();
                            },
                            beforeSend: function() {
                                $('#loadingModal').show();
                            },
                            success: function(_response)
                            {
                                $('#loadingModal').hide();
                                if (_response.errors) {
                                    if (_response.errors['delete_portion']) {
                                        $('#delete_portione').empty();
                                        $('#delete_portione').append(
                                            '<span class="errormsg" style="color:red;">' + _response
                                            .errors.delete_portion + '</span>');
                                    } else {
                                        $('#delete_portione').empty();
                                    }
                                    if (_response.errors['branch_id']) {
                                        $('#branch_ide').empty();
                                        $('#branch_ide').append(
                                            '<span class="errormsg" style="color:red;">' + _response
                                            .errors.branch_id + '</span>');
                                    } else {
                                        $('#branch_ide').empty();
                                    }
                                }else {
                                    $('#loadingModal').hide();
                                        if (_response.responseStatus == 'success') {
                                            Swal.fire({
                                                icon: 'success',
                                                title: _response.responseTitle,
                                                text: _response.responseText,
                                                showConfirmButton: false,
                                                timer: 1000
                                            });
                                        } else {
                                            $('#loadingModal').hide();
                                            toastr.error(_response.responseText);
                                        }
                                    }
                            },
                            error: function( _response )
                            {
                                $('#loadingModal').hide();
                                // Handle error
                                alert(_response.errors);
                            }

                        });
                    }else{
                        $('#loadingModal').hide();
                    }
                })
        });
    });

</script>
@endsection