@extends('layouts.app')
@section('content')

    @php $consumer_cats = ['LT'=>'LT', 'HT'=>'HT'];  @endphp
    @php $phase_cats = ['Single'=>'Single', 'Three'=>'Three'];  @endphp
    @php $confirm = ['Yes'=>'Yes', 'No'=>'No'];  @endphp
    @php $project_cats = ['OnGrid'=>'OnGrid', 'OffGrid'=>'OffGrid','Hybrid'=>   'Hybrid'];  @endphp
    @php $entity_cats = ['Residential'=>'Residential', 'Commercial'=>'Commercial','Industrial'=>'Industrial','NGO'=>'NGO','Utility'=>'Utility'];  @endphp

    @php
        $total_roof = [];
        for ($i = 1; $i <= 10; $i++) {
            $total_roof["Roof $i"] = "Roof $i";
        }
    @endphp




    <!-- PAGE-HEADER -->
    <div class="page-header">
        <div>
            <h1>Lead <small>{{ isset($lead_id) ? 'Edit' : 'Create' }}</small></h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Lead</li>
                <li class="breadcrumb-item active">{{ isset($lead_id) ? 'Edit' : 'Create' }} Lead</li>
            </ol>
        </div>

        <div class="float-end">
            <a class="btn btn-primary btn-sm float-right" href="{{ url('leads') }}"> <i class="fa fa-arrow-left"></i> Back</a>
        </div>

    </div>
    <!-- PAGE-HEADER END -->


    <div class="content mt-3">

        <div class="card shadow mb-4">

            <div class="card-header py-3">
                {{ isset($lead_id) ? 'Edit Lead Details' : 'Add New Lead' }}
            </div>

            <div class="card-body">
                {{ Form::open(['id' => 'dataForm']) }}

                {{ Form::hidden('lead_id', '', ['id' => 'lead_id']) }}
                <form id="dataForm" method="POST" action="{{ url('lead/store') }}">
                    @csrf
                    <input type="hidden" name="project_id", value="{{ $project_id }}">
                    <p class="lead fs-4 fw-bold py-2">Basic Details</p>
                    <div class="row mb-3">
                        <div class="col-md-3 form-group">
                            <label for="title" class="col-form-label">Title <k>*</k></label>
                            {{ Form::text('title', $title ?? 'Site', ['class' => 'form-control', 'id' => 'title', 'readonly' => true]) }}
                            <span class="text-danger" id="title-error"></span>
                        </div>

                        <div class="col-md-3 form-group">
                            <label for="stage_id_fk" class="col-form-label">Stage <k>*</k></label>
                            {{ Form::select('stage_id_fk', $stages, '', ['class' => 'standardSelect form-control', 'title' => 'Select Stage', 'data-live-search' => 'true', 'id' => 'stage_id_fk', 'data-dropup-auto' => 'false', 'data-size' => '5']) }}

                            <span class="text-danger" id="stage_id_fk-error"></span>
                        </div>

                        {{-- <div class="col-md-3 form-group">
                            <label for="source_id_fk" class="col-form-label">Source <k>*</k></label>
                            {{ Form::select('source_id_fk', $sources, '', ['class' => 'standardSelect form-control', 'title' => 'Select Source', 'data-live-search' => 'true', 'id' => 'source_id_fk', 'data-dropup-auto' => 'false', 'data-size' => '5']) }}

                            <span class="text-danger" id="source_id_fk-error"></span>
                        </div> --}}
                    </div>

                    <hr class="mt-3">
                    <p class="lead mb-0 fs-4 fw-bold py-2">Customer Details</p>
                    <div class="row">

                        <div class="col-md-4">
                            <label for="Site_name" class="col-form-label">Site Name <k>*</k></label>
                            {{ Form::text('site_name', '', ['class' => 'form-control', 'id' => 'site_name']) }}
                            <span class="text-danger" id="site_name-error"></span>
                        </div>
                        {{-- 
                        <div class="col-md-4">
                            <label for="last_name" class="col-form-label">Last Name</label>
                            {{ Form::text('last_name', '', ['class' => 'form-control', 'id' => 'last_name']) }}
                            <span class="text-danger" id="last_name-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="company" class="col-form-label">Company</label>
                            {{ Form::text('company', '', ['class' => 'form-control', 'id' => 'company']) }}
                            <span class="text-danger" id="company-error"></span>
                        </div> --}}
                        <div class="col-md-4">
                            <label for="gstin" class="col-form-label">GSTIN</label>
                            {{ Form::text('gstin', '', ['class' => 'form-control', 'id' => 'gstin', 'maxlength' => '15']) }}
                            <span class="text-danger" id="gstin-error"></span>
                        </div>

                        <script>
                            document.getElementById('gstin').addEventListener('input', function(e) {
                                const gstin = e.target.value;
                                const errorSpan = document.getElementById('gstin-error');
                                const gstinRegex = /^[0-9A-Za-z]{15}$/;

                                if (gstin.length !== 15) {
                                    errorSpan.textContent = "GSTIN must be exactly 15 characters.";
                                } else if (!gstinRegex.test(gstin)) {
                                    errorSpan.textContent = "GSTIN must contain only alphanumeric characters.";
                                } else {
                                    errorSpan.textContent = "";
                                }
                            });
                        </script>



                        {{-- <div class="col-md-4">
                            <label for="phone" class="col-form-label">Phone <k>*</k></label>
                            {{ Form::text('phone', '', [
                                'class' => 'form-control',
                                'id' => 'phone',
                                'maxlength' => '10',
                                'inputmode' => 'numeric',
                                'pattern' => '\d{10}',
                                'title' => 'Phone number must be 10 numeric digits',
                                'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')",
                            ]) }}
                            <span class="text-danger" id="phone-error">
                                @error('phone')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div> --}}


                        {{-- <div class="col-md-4">
                            <label for="email" class="col-form-label">Email</label>
                            {{ Form::text('email', '', [
                                'class' => 'form-control',
                                'id' => 'email',
                                'pattern' => '[a-zA-Z0-9._%+-]+@gmail\.com',
                                'required' => true,
                                'title' => 'Email must be a valid Gmail address (e.g., example@gmail.com)',
                            ]) }}
                            <span class="text-danger" id="email-error">
                                @error('email')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div> --}}


                        <div class="col-md-4 mb-0 form-group">
                            <label>State</label>
                            {{ Form::select('state_id', ['' => 'Select State'] + $states, '', ['class' => 'standardSelect form-control', 'title' => 'Select State', 'id' => 'state_id']) }}
                            <span class="text-danger" id="state_id-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="city" class="col-form-label">City</label>
                            {{ Form::text('city', '', ['class' => 'form-control', 'id' => 'city']) }}
                            <span class="text-danger" id="city-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="address" class="col-form-label">Address</label>
                            {{ Form::text('address', '', ['class' => 'form-control', 'id' => 'address']) }}
                            <span class="text-danger" id="address-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="location" class="col-form-label">Location</label>
                            {{ Form::text('location', '', ['class' => 'form-control', 'id' => 'location']) }}
                            <span class="text-danger" id="location-error"></span>
                        </div>
                    </div>

                    {{-- <div class="col-md-6">
                        <label for="latitude" class="col-form-label">Latitude</label>
                        {{ Form::text('latitude', '', [
                            'class' => 'form-control',
                            'id' => 'latitude',
                            'placeholder' => 'Enter Latitude',
                            'pattern' => '^-?([1-8]?[0-9](\\.\\d+)?|90(\\.0+)?)$',
                            'title' => 'Please enter a valid latitude value (-90 to 90)',
                            'oninput' => "this.value = this.value.replace(/[^0-9.-]/g, '')"
                        ]) }}
                        <span class="text-danger" id="latitude-error"></span>
                    </div>
                    
                    <div class="col-md-6">
                        <label for="longitude" class="col-form-label">Longitude</label>
                        {{ Form::text('longitude', '', [
                            'class' => 'form-control',
                            'id' => 'longitude',
                            'placeholder' => 'Enter Longitude',
                            'pattern' => '^-?((1[0-7][0-9]|[1-9]?[0-9])(\\.\\d+)?|180(\\.0+)?)$',
                            'title' => 'Please enter a valid longitude value (-180 to 180)',
                            'oninput' => "this.value = this.value.replace(/[^0-9.-]/g, '')"
                        ]) }}
                        <span class="text-danger" id="longitude-error"></span>
                    </div> --}}

                    <hr class="mt-3">
                    <p class="lead mb-0 fs-4 fw-bold py-2">General Information</p>
                    <div class="row">
                        {{-- <div class="col-md-4">
                            <label for="institute" class="col-form-label">Institute Name <k>*</k></label>
                            {{ Form::text('institute', '', ['class' => 'form-control', 'id' => 'institute']) }}
                            <span class="text-danger" id="institute-error"></span>
                        </div> --}}

                        <div class="col-md-4 mb-0 form-group">
                            <label>Type of Entity</label>
                            {{ Form::select('entity_id', ['' => 'Select Entity'] + $entity_cats, '', ['class' => 'standardSelect form-control', 'id' => 'entity_id']) }}
                            <span class="text-danger" id="entity_id-error"></span>
                        </div>


                        {{-- business units --}}
                        <div class="col-md-4 mb-3 form-group">
                            <label>Business Unit</label>
                            <select class="form-control" id="bu_id" name="bu_id">
                                <option value="">Select Business Unit</option>
                                @foreach ($business_units as $id => $title)
                                    <option value="{{ $id }}">{{ $title }}</option>
                                @endforeach
                            </select>
                            <span class="text-danger" id="bu_id-error"></span>
                        </div>


                        <!-- Project Types Dropdown -->
                        <div class="col-md-4 mb-3 form-group">
                            <label>Project Type</label>
                            <select class="form-control" id="project_types" name="project_types">
                                <option value="">Select Project Type</option>
                            </select>
                            <span class="text-danger" id="project_types-error"></span>
                        </div>


                    </div>

                    <hr class="mt-3">
                    <p class="lead mb-0 fs-4 fw-bold">Energy Details</p>

                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label for="load" class="col-form-label">Sanctioned Load</label>
                            {{ Form::text('load', '', ['class' => 'form-control', 'id' => 'load']) }}
                            <span class="text-danger" id="load-error"></span>
                        </div>

                        <div class="col-md-4 mb-0 form-group">
                            <label>Consumer Category</label>
                            {{ Form::select('consumer_cats_id', ['' => 'Select Category'] + $consumer_cats, '', ['class' => 'standardSelect form-control', 'id' => 'consumer_cats_id']) }}
                            <span class="text-danger" id="consumer_cats_id-error"></span>
                        </div>

                        <div class="col-md-4 mb-0 form-group">
                            <label>Phase of Loads</label>
                            {{ Form::select('phase_cats_id', ['' => 'Select Phase'] + $phase_cats, '', ['class' => 'standardSelect form-control', 'id' => 'phase_cats_id']) }}
                            <span class="text-danger" id="phase_cats_id-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="sys_volt" class="col-form-label">System Voltage</label>
                            {{ Form::text('sys_volt', '', [
                                'class' => 'form-control',
                                'id' => 'sys_volt',
                                'inputmode' => 'numeric',
                                'pattern' => '\d*',
                                'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')",
                            ]) }}
                            <span class="text-danger" id="sys_volt-error">
                                @error('sys_volt')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>

                        <div class="col-md-4 mb-0 form-group">
                            <label>Availability of Spare Feeder</label>
                            {{ Form::select('spare_feeder', ['' => 'Select Option', '1' => 'Yes', '0' => 'No'], '', ['class' => 'standardSelect form-control', 'id' => 'spare_feeder']) }}
                            <span class="text-danger" id="spare_feeder-error"></span>
                        </div>

                        <div class="col-md-4 mb-0 form-group">
                            <label>Separate Panel Required</label>
                            {{ Form::select('separate_panel', ['' => 'Select Option', '1' => 'Yes', '0' => 'No'], '', ['class' => 'standardSelect form-control', 'id' => 'separate_panel']) }}
                            <span class="text-danger" id="separate_panel-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="dist_inv_room" class="col-form-label">
                                Distance from Inverter/ICMR/ICA to AJB/Gross Metering Room (In Meter)
                            </label>
                            <div class="input-group">
                                {{ Form::text('dist_inv_room', '', [
                                    'class' => 'form-control',
                                    'id' => 'dist_inv_room',
                                    'inputmode' => 'numeric',
                                    'pattern' => '\\d*',
                                    'oninput' => "this.value = this.value.replace(/[^0-9.]/g, '')",
                                ]) }}
                            </div>
                            <span class="text-danger" id="dist_inv_room-error"></span>
                        </div>

                        <div class="col-md-4">
                            <label for="dist_met_fed" class="col-form-label">
                                Distance from Metering Room to Feeder/LTDB of Client (In Meter)
                            </label>
                            <div class="input-group">
                                {{ Form::text('dist_met_fed', '', [
                                    'class' => 'form-control',
                                    'id' => 'dist_met_fed',
                                    'inputmode' => 'numeric',
                                    'pattern' => '\\d*',
                                    'oninput' => "this.value = this.value.replace(/[^0-9.]/g, '')",
                                ]) }}

                            </div>
                            <span class="text-danger" id="dist_met_fed-error"></span>
                        </div>


                        <hr class="mt-3">
                        <p class="lead mb-0 fs-4 fw-bold">DG Details</p>
                        <div class="col-md-4">
                            <label for="op_hours" class="col-form-label">Operation Hours</label>
                            {{ Form::text('op_hours', '', [
                                'class' => 'form-control',
                                'id' => 'op_hours',
                                'inputmode' => 'numeric',
                                'pattern' => '\d*',
                                'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')",
                            ]) }}
                            <span class="text-danger" id="op_hours-error">
                                @error('op_hours')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>

                        <div class="col-md-4">
                            <label for="avg_dg" class="col-form-label">DG Running Hours</label>
                            {{ Form::text('avg_dg', '', [
                                'class' => 'form-control',
                                'id' => 'avg_dg',
                                'inputmode' => 'numeric',
                                'pattern' => '\d*',
                                'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')",
                            ]) }}
                            <span class="text-danger" id="avg_dg-error">
                                @error('avg_dg')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>

                        <div class="col-md-4">
                            <label for="dg_rating" class="col-form-label">DG Rating</label>
                            {{ Form::text('dg_rating', '', [
                                'class' => 'form-control',
                                'id' => 'dg_rating',
                                'inputmode' => 'numeric',
                                'pattern' => '\d*',
                                'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')",
                            ]) }}
                            <span class="text-danger" id="dg_rating-error">
                                @error('dg_rating')
                                    {{ $message }}
                                @enderror
                            </span>
                        </div>


                        <div class="col-md-4 mb-0 form-group">
                            <label>DG Sync</label>
                            {{ Form::select('dg_sync', ['' => 'YES or NO'] + $confirm, '', ['class' => 'standardSelect form-control', 'id' => 'dg_sync']) }}
                            <span class="text-danger" id="dg_sync-error"></span>
                        </div>


                        <!-- New Fields -->


                    </div>
                    <div class="col-md-4">
                        <label for="remarks" class="col-form-label">Remarks</label>
                        {{ Form::textarea('remarks', '', ['class' => 'form-control', 'id' => 'remarks', 'rows' => 4]) }}
                        <span class="text-danger" id="remarks-error"></span>
                    </div>
            </div>

        </div>

    </div>
    <div class="py-3 d-flex justify-content-end">
        <button type="submit" class="btn btn-primary">
            {{ !empty($answers) ? 'Update Details' : 'Save Details' }}
        </button>
    </div>

    </div>
    </form>
    </div>

    </div>

    </div>


@stop

@section('scripting')

    <script type="text/javascript">
        $(document).ready(function() {
            $('#stage_id_fk').val(1);

            $(".standardSelect").selectpicker();

            $('.standardSelect').on('change', function() {
                // $(this).selectpicker('refresh');
                $(this).removeClass('open');
            });

            // $('#dataForm').data("validator").settings.ignore = "";

            jQuery.validator.setDefaults({
                debug: true
            });

            var lead_id = "{{ isset($lead_id) ? $lead_id : false }}";

            if (lead_id) {
                $.ajax({
                    url: "{{ url('lead/getLeadData/') }}/" + lead_id,
                    type: "GET",
                    dataType: 'json',
                    success: function(data) {
                        console.log(data);
                        $('#dataForm').trigger("reset");
                        $('#lead_id').val(data.lead_id);
                        $('#title').val(data.title);
                        $('#stage_id_fk').val(data.stage_id_fk);
                        $('#source_id_fk').val(data.source_id_fk);
                        $('#site_name').val(data.site_name);
                        $('#last_name').val(data.last_name);
                        $('#company').val(data.company);
                        $('#gstin').val(data.gstin);
                        $('#phone').val(data.phone);
                        $('#email').val(data.email);
                        $('#state_id').val(data.state_id);
                        $('#city').val(data.city);
                        $('#address').val(data.address);
                        $('#location').val(data.location);
                        $('#institute').val(data.institute);
                        $('#entity_id').val(data.entity_id);
                        $('#project_types').val(data.project_types);
                        $('#load').val(data.load);
                        $('#consumer_cats_id').val(data.consumer_cats_id);
                        $('#phase_cats_id').val(data.phase_cats_id);
                        $('#sys_volt').val(data.sys_volt);
                        $('#op_hours').val(data.op_hours);
                        $('#avg_dg').val(data.avg_dg);
                        $('#dg_rating').val(data.dg_rating);
                        $('#dg_sync').val(data.dg_sync);
                        $('#remarks').val(data.remarks);
                        $('#spare_feeder').val(data.spare_feeder);
                        $('#separate_panel').val(data.separate_panel);
                        $('#dist_inv_room').val(data.dist_inv_room);
                        $('#dist_met_fed').val(data.dist_met_fed);
                    },
                    error: function(data) {
                        if (data.status == 422) {
                            var x = data.responseJSON;
                            $.each(x.errors, function(index, value) {
                                console.log(index);
                                $("#" + index).addClass("is-invalid");
                                $('.standardSelect').selectpicker('refresh');
                                $("#" + index + "-error").html(value[0]);
                            });
                        }
                        $('#saveBtn').html('Save Changes');
                    }
                });
            }




        if ($("#dataForm").length > 0) {

            $("#dataForm").validate({

                errorClass: "is-invalid",

                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeClass(errorClass);
                    $(element).parent().removeClass(errorClass);
                },

                errorPlacement: function(error, element) {
                    element.parent().append(error);
                },


                rules: {
                    stage_id_fk: 'required',
                    // first_name: 'required',
                    // phone: 'required',
                },

                messages: {
                    stage_id_fk: "Please Select Stage.",
                    // first_name: "Please Enter Client Name.",
                    // phone: "Please Enter Phone.",
                },

                submitHandler: function(form) {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    $('#saveBtn').html('Sending..');

                    let projectId = "{{ isset($project) && $project->id ? $project->id : '0' }}";
                    data: $('#dataForm').serialize() + '&project_id=' + projectId,

                        $.ajax({
                        data: $('#dataForm').serialize(),
                        url: "{{ url('lead/store') }}",
                        type: "POST",
                        dataType: 'json',

                        success: function(data) {
                            swal({
                                    title: "Good job!",
                                    text: data.msg,
                                    icon: "success",
                                })
                                .then((willDelete) => {
                                    window.location.replace("{{ url('leads') }}");
                                });
                        },
                            error: function(data) {
                                if (data.status == 422) {
                                    var x = data.responseJSON;
                                    $.each(x.errors, function(index, value) {
                                        console.log(index);
                                        $("#" + index).addClass("is-invalid");
                                        $("#" + index + "-error").html(value[0]);
                                    });
                                }
                                $('#saveBtn').html('Save Changes');
                            }
                        });
                }

            })
        }

    });
            $('#project_types').change(function(e) {
                $(".data-table").DataTable().ajax.reload();
            });

            $('#bu_id').change(function() {
                var bu_id = $(this).val();
                if (bu_id) {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('getProjectTypes') }}",
                        data: {
                            bu_id: bu_id
                        },
                        dataType: "json",
                        success: function(res) {
                            if (res.success == 1) {
                                var options_htm = '<option value="">Select Project Type</option>';
                                $.each(res.data, function(key, val) {
                                    options_htm += '<option value="' + key + '">' + val +
                                        '</option>';
                                });
                                $('#project_types').html(options_htm);
                            } else {
                                $('#project_types').html(
                                    '<option value="">No Project Types Found</option>');
                            }
                        },
                        error: function() {
                            alert('Something went wrong while fetching project types.');
                        }
                    });
                } else {
                    $('#project_types').html('<option value="">Select Project Type</option>');
                }
            });

    </script>

@endsection