@extends('admin.adminpanel')

@section('content')
<style>
     .error-message {
            color: red;
            font-weight: bold;
            margin-top: 10px;
        }
    
</style>
<!-- Bootstrap CSS (optional) -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (necessary for jQuery usage) -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                </div><!-- /.col -->
                <div class="col-sm-6 float-right">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Register Internal Companies</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    {{-- Displaying messages specifying registration is successfull or not --}}
    @if (session('success'))
    <div class="container mt-4">
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    </div>
    @elseif (session('failure'))
    <div class="container mt-4">
        <div class="alert alert-danger">
            {{ session('failure') }}
        </div>
    </div>
    @endif

    {{-- Fetching validation errors, if any and create a popup container specifying the errors --}}
    <div class="row justify-content-center">
        @if ($errors->any())
            <div class="col-8 mb-5 card card-danger">
                <div class="card-header text-center bg-danger">
                    OOPS!<br>WE RAN INTO SOME VALIDATION ERRORS<br>
                </div>
                <div class="card-body bg-light">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>
                                {{ $error }}
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
    </div>

    <div class="row justify-content-center">
        <div class="col-6 register-box mb-5">
            <div class="card card-primary">
                <div class="card-header text-center bg-purple">
                    <p class="login-box-msg"><h4><b>Edit Internal Company details</b></h4></p>
                </div>
                <div class="card-body">

                    <form action="{{ url('update_internal_company_details', $int_comp_details[0]->company_id) }}" method="POST">
                        @csrf
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="company_name" id="company_name" value="{{ $int_comp_details[0]->company_name }}" placeholder="Company Name">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-user"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="company_initials" value="{{ $int_comp_details[0]->company_initials }}" placeholder="Company Initials 3 letters" maxlength="3" onkeydown="return /[a-zA-Z0-9]/i.test(event.key)">
                            <input type="hidden" name="old_company_initials" value="{{ $int_comp_details[0]->company_initials }}">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-user"></span>
                                </div>
                            </div>
                        </div>

                        <div id="pan-validation-message" class="error-message"></div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" id="pan" name="pan" value="{{ $int_comp_details[0]->PAN }}" placeholder="PAN">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-hashtag"></span>
                                </div>
                            </div>
                        </div>

                        <div>
                            <select class="form-control select2 mb-3" id="type_of_org" name="type_of_org" style="width: 100%;">
                                <option selected value="{{ $int_comp_details[0]->type_of_org }}">{{ $int_comp_details[0]->type_of_org }}</option>
                                <option value="Proprietership">Proprietership</option>
                                <option value="Partnership">Partnership</option>
                                <option value="LLP">LLP</option>
                                <option value="Private Ltd">Private Ltd</option>
                                <option value="Banks">Banks</option>
                                <option value="Schools & Trusts">Schools & Trusts</option>
                            </select>
                        </div>

                     
                        <div>
                        <select class="form-control select2 mb-3" id="state_code" name="state_code" style="width: 100%;" required>
                                <option  selected value="{{ $int_comp_details[0]->state_name }}">{{ $int_comp_details[0]->state_name }}</option>
                            </select>
                        </div>
                            <span class="help-block text-danger" style="display: none;">Please enter Sate Code</span>

                       
                        <div>
                            <span>
                                <p style="color: indigo;">
                                    **TAN and GSTIN are not mandatory**
                                </p>
                            </span>
                        </div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="tan" value="{{ $int_comp_details[0]->TAN }}" placeholder="TAN">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-hashtag"></span>
                                </div>
                            </div>
                        </div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="gstin" value="{{ $int_comp_details[0]->GSTIN }}" placeholder="GSTIN">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-hashtag"></span>
                                </div>
                            </div>
                        </div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="registered_address" value="{{ $int_comp_details[0]->registered_address }}" placeholder="Registered address">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-location-arrow"></span>
                                </div>
                            </div>
                        </div>

                        <div>
                            <span>
                                <p style="color: indigo;">
                                    **Check mark if billing address is same as registered address**
                                </p>
                            </span>
                        </div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="billing_address" value="{{ $int_comp_details[0]->billing_address }}" placeholder="Billing address">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <input type="checkbox">
                                </div>
                                <div class="input-group-text">
                                    <span>
                                        <span class="fas fa-location-arrow"></span>
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="cp_name" value="{{ $int_comp_details[0]->cp_name }}" placeholder="Contact person name">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-user"></span>
                                </div>
                            </div>
                        </div>

                        <div class="input-group mb-3">
                            <input type="number" class="form-control" name="cp_phone" value="{{ $int_comp_details[0]->cp_phone }}" placeholder="Contact person phone number">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-phone"></span>
                                </div>
                            </div>
                        </div>

                        <div class="input-group mb-3">
                            <input type="email" class="form-control" name="cp_email" value="{{ $int_comp_details[0]->cp_email }}" placeholder="Contact person email">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-envelope"></span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <span>
                                <p style="color: indigo;">
                                    Bank Details
                                </p>
                            </span>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="bank_name" value="{{ $int_comp_details[0]->bank_name }}" placeholder="Bank name">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-font"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="branch" value="{{ $int_comp_details[0]->branch }}" placeholder="Branch">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-location-arrow"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="account_no" value="{{ $int_comp_details[0]->account_no }}" placeholder="Account No">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-hashtag"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="ifsc_code" value="{{ $int_comp_details[0]->ifsc_code }}" placeholder="IFSC code">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-barcode"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="account_holder_name" value="{{ $int_comp_details[0]->account_holder_name }}" placeholder="Account Holder name">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-solid fa-user"></span>
                                </div>
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" class="form-control" name="account_type" value="{{ $int_comp_details[0]->account_type }}" placeholder="Account Type">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-star"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-4">
                                <button type="submit" id="submit-button" class="btn btn-lg btn-success">Update</button>
                            </div>
                            <!-- /.col -->
                        </div>
                    </form>
                </div>
                <!-- /.form-box -->
            </div><!-- /.card -->
        </div>
        <!-- /.register-box -->
    </div>
</div>
<script>
        $(document).ready(function() {
           
            $('#pan').on('input', function() {
                var pan = $('#pan').val();
                
                if (pan) {
                    $.ajax({
                        url: "{{ route('validate.pan') }}",
                        type: 'GET',
                        data: {
                            PAN: pan,
             
                        },
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(data) {
                          
                            var orgType = data.type_of_org.toLowerCase();
                
                            if (data.exists && (orgType!== 'propritership' && orgType !== 'individual')) {
                               
                                $('#pan-validation-message').text("This PAN already exists for a Non-Proprietary Organization");
                                $('#submit-button').prop('disabled', true);
                            } else if (data.exists && (orgType === 'propritership' || orgType === 'individual')) {
                                
                                $('#pan-validation-message').text('').removeClass('error-message');
                                $('#submit-button').prop('disabled', false);

                                const selectElement = document.getElementById('type_of_org');                  
                                    
                                // Clear existing options
                                selectElement.innerHTML = '';

                                // Create and append new options
                       
                                const proprietershipOption = document.createElement('option');
                                proprietershipOption.value = 'Propritership';
                                proprietershipOption.textContent = 'Propritership';
                                selectElement.appendChild(proprietershipOption);

                            } 
                        },
                        error: function(xhr, status, error) {
                            console.error('Error checking PAN:', error);
                        }
                    });
                }
            });
        });
    </script>
        <script>
            document.addEventListener("DOMContentLoaded", function() {
                console.log('Page is fully loaded');
            
                fetch('{{ route('state.codes') }}')
                .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok ' + response.statusText);
                }
                return response.json();
                 })
                .then(stateData => {
                    
                    const selectElement = document.getElementById('state_code');
                    
                    stateData.data.forEach(state => {
                    const option = document.createElement('option');
                    option.value = state.state_code;
                    option.textContent = state.state_name;
                    selectElement.appendChild(option);
                });
                })
                .catch(error => {
                    alert("error");
                    console.error('Error fetching states:', error);
                });
             });
    </script>
@endsection