@extends('layout.master')
@section('content')

<section class="content pb-5">
    <div class="container-fluid">
        <meta name="csrf-token" content="{!! csrf_token() !!}">

        <div class="row pt-4">
            <div class="col-md-12">
                <div class="title-section">
                    <p>Settings</p>
                </div>
            </div>

            <div class="col-md-12 pt-0 pt-sm-4">
                <div class="title-section">
                    <p>Company <span>Company Profile</span></p>
                </div>
            </div>
        </div>
         <form id="add_individual_booking" method="post" autocomplete="off" novalidate>
            @csrf
            <div class="row">
                <div class="col-md-5">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group custom-form-group">
                                <label class="form-label" for="customer">Comapny ID <span class="text-danger">*</span></label>
                                <input class="form-control" id="company_id" placeholder="Enter user Full Name" type="text" name="company_id" value="{{ isset($user->company_id) ? $user->company_id : ''}}">
                                <span id="fullName" style="display: none; color: red;"> </span> 
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group custom-form-group">
                                <label class="form-label" for="customer">Comapny Name <span class="text-danger">*</span></label>
                                <input class="form-control" id="comapny_name" placeholder="Enter user Full Name" type="text" name="name_name" value="{{ isset($user->company_name) ? $user->company_name : ''}}">
                                <span id="fullName" style="display: none; color: red;"> </span> 
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group custom-form-group">
                                <label class="form-label" for="customer">Website</label>
                                <input class="form-control" id="website" placeholder="Enter user Full Name" type="text" name="website" value="{{ isset($user->website) ? $user->website : ''}}">
                                <span id="fullName" style="display: none; color: red;"> </span> 
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group custom-form-group">
                                <label class="control-label" for="email">Emai ID</label>
                                <input type="text" id="email" class="form-control" name="email" placeholder="Email"  value="{{ isset($user->email) ? $user->email : ''}}">
                                <!-- <span id="email" style="display: none; color: red;"> </span> -->
                            </div>
                        </div>

                        <div class="col-md-12">
                            <label class="control-label" for="email">Website/Company Logo</label>
                            
                            <div class="new-user-img">
                                <img style="width: 150px; height:100px" src="{{ isset($user->company_logo) ? $user->company_logo : asset('assets/images/user-procapture.png')}}" alt="" id="company_logo_image_src">
                            </div>
                            <div class="upload-btn-wrapper ">
                                <button class="uploadBtn p-0">
                                    Upload Signature
                                </button>
                                <!-- <input type="file" name="signature" id="signature"> -->
                                <input type="file" id="company-logo-image" name="company_logo_image[]" enctype="multipart/form-data" multiple/>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <div class="form-group custom-form-group mt-2 mb-0">
                                <button type="button" onclick="save()" class="btn btn-danger btn-block" >Add User</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>                  
    </div>
</section>
<script type="text/javascript">
    let claimUnboxingImage = '{{ @$user->company_logo }}';

        if (claimUnboxingImage) {
            $('#company_logo_image_src').attr('src', claimUnboxingImage);
        }

        var image_upload = [];

        $('#company-logo-image').change(function() {

            event.preventDefault();
            var image_upload = new FormData();
            let TotalImages = $('#company-logo-image')[0].files.length;
            let images = $('#company-logo-image')[0];

            for (let i = 0; i < TotalImages; i++) {
                image_upload.append('images[]', images.files[i]);
            }

            image_upload.append('TotalImages', TotalImages);

            $.ajax({
                method: 'POST',
                url: "{{url('company/logo/image')}}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: image_upload,
                contentType: false,
                processData: false,
                success: function(data) {
                    // console.log(data); return false;
                    if (data.status == 'true') {

                       /*$('#profilePic').attr('src', data.data);
                        $('#headerProfilePic').attr('src', data.data);*/

                        $('#company_logo_image_src').attr('src', data.data);

                        return;

                    } else {

                        return;

                    }
                },
                error: function() {
                    console.log(`Failed`)
                }
            })
        });

        function save() {
            // body...
            var companyId = $('#company_id').val();
            var companyName = $('#comapny_name').val();
            var email = $('#email').val();
            var website = $('#website').val();

            var data = {
                '_token': "{{csrf_token()}}",
                'company_id':companyId,
                'comapny_name':companyName,
                'email':email,
                'website':website,
                'logo':$('#company_logo_image_src').attr('src'),
            }

            // console.log(data); return false;
            $.ajax({
                url : "{{route('update/comapny/details')}}",
                type: 'POST',
                data: data,
                success:function(data) {       
                    swal({
                        icon: 'success',
                        title: "Updated",
                        text: 'Details has been updated!.',
                        type: "success",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    },function() {
                        window.location.href = '{{url("agent/address-settings")}}';
                    });
                }
            });
        }
    </script>
@endsection