@extends('layout.header')
@section('content')
    <div class="container-fluid bg-image">
        <div class="col-12 col-md-8 col-lg-6 d-flex align-items-center justify-content-center">
            <div class="form-container">
                <div class="row p-2">
                    <div class="col-12 col-md-6">
                        <div class="p-3 bg-custom rounded">
                            <h6 class="text-custom them-fs-1">Almost There</h6>

                            <p class="them-fs-3">Improve Your Question By Answering a few more Questions</p>
                            <img class="img-fluid px-5 " src="{{asset('assets/images/Tiqkets-02.png')}}" alt="">
                        </div>
                    </div>
                    <style>
                        h5,h6{
                            font-size:15px;
                        }
                    </style>
                    <div class="col-12 col-md-6">
                        <div class="py-5 px-3">
                            <div class="justify-content-between align-items-center mb-3">
                            <a href="{{url('mobile')}}" class="fa-solid fa-circle-chevron-left fs-3"></a>
                            <a href="{{url('industry')}}"  class="fa-solid fa-circle-chevron-right fs-3"></a>
                            </div>
                            <div class="mb-3">
                                <h6 class="them-fs-3">2) Company Name<span class="text-danger">*</span></h6>
                                <input type="text" name="company" id="company" class="form-control my-3 line-input" value="{{auth()->user()->company}}" placeholder="Enter Company Name">
                            </div>
                            <span id='company_error' class="error-text-msg d-none text-danger"></span>
                            <div class="mt-4">
                                <!-- <a href="{{ url('country') }}" class="btn btn-custom px-5">OK</a> -->
                                <button class="btn btn-custom px-5 mt-2" onclick="company()">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
    function company() {
        // var formData = new FormData($('#saveform')[0]);
        var company = $("#company").val();
        var id="{{auth()->user()->id;}}";
        $.ajax({
            type: 'POST',
            url: "{{ env('APP_URL') }}/api/companysave",
            data: {
                company: company,
                id: id,

            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                // "Authorization": "Bearer " + "{{ session('token') }}"
            },
            success: function(response) {
                $('.error-text-msg').html('').addClass('d-none');

                if (response.success==true) {
                    // Swal.fire({
                    //     position: 'center',
                    //     icon: 'success',
                    //     title: response.message,
                    //     showConfirmButton: false,
                    //     timer: 3500,
                    //     showCloseButton: true
                    // });
                    // alert(response.user_id);
                    window.location.href= "{{ url('/industry') }}" ;
                }
                else {
                    $.each(response.errors, function(key, value) {
                        $('#' + key + '_error').html(value.join('<br>')).removeClass('d-none');
                        $('#' + key).focus();
                    });
                }
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText);
                alert('An error occurred. Please try again.');
            }
        });
    }
</script>
    @endsection