@extends('layouts.app')

<!-- Scripts -->
@section('content')

<!-- Your Settings Dashboard -->
<!-- Main content -->
    <div class="row">
        @include('proedge.config.adminPanel')
        <div class="col-md-7">
            <div class="panel panel-success panel-border">
                <div class="panel-heading">
                    <h3 class="panel-title"> Company Information</h3>
                </div>
                <div class="panel-body">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                    <form method="post" action="{{route('config.company_info.update')}}" enctype="multipart/form-data">
                       @csrf
                        <input type="hidden" name="OfficeID" value="{{session('OfficeID')}}">
                        @if (is_object($companyInfo) && $companyInfo->id)
                            <input type="hidden" name="id" value="{{$companyInfo->id}}">
                        @endif
                        <div class="col-lg-6 col-md-6 col-sm-6 form-horizontal">
                            <div class="form-group mt-2">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Company&nbsp;Name&nbsp;<span style="color:red;">&nbsp;*&nbsp;</span>:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="Name" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->Name) ? $companyInfo->Name : '' }}" @endif
                                    required
                                    data-parsley-required="true"
                                    data-parsley-required-message="Company Name is required."
                                    placeholder="Enter Company Name">
                                </div>
                            </div>
                              <div class="form-group mt-2">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Admin&nbsp;First&nbsp;Name:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AdminFirstName" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->AdminFirstName) ? $companyInfo->AdminFirstName : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Admin&nbsp;Last&nbsp;Name:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AdminLastName" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->AdminLastName) ? $companyInfo->AdminLastName : '' }}" @endif>
                                </div>
                            </div>
                             <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Admin&nbsp;Phone&nbsp;<span style="color:red;">&nbsp;*&nbsp;</span>&nbsp;:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AdminPhone" type="text" pattern="^\(\d{3}\) \d{3}-\d{4}$" class="form-control phone" @if(isset($companyInfo)) value="{{ isset($companyInfo->AdminPhone) ? $companyInfo->AdminPhone : '' }}" @endif
                                    required
                                    data-parsley-required="true"
                                    data-parsley-required-message="Admin Phone is required."
                                    placeholder="Enter Admin Phone">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span class="control-label">Admin&nbsp;Email&nbsp;<span style="color:red;">&nbsp;*&nbsp;</span>&nbsp;:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AdminEmail" type="email" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->AdminEmail) ? $companyInfo->AdminEmail : '' }}" @endif
                                    required
                                    data-parsley-required="true"
                                    data-parsley-required-message="Admin Email is required."
                                    placeholder="Enter Admin Email">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Address Line 1:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AddressLine1" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->AddressLine1) ? $companyInfo->AddressLine1 : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Address Line 2:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="AddressLine2" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->AddressLine2) ? $companyInfo->AddressLine2 : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>City:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="City" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->City) ? $companyInfo->City : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>State:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="State" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->State) ? $companyInfo->State : '' }}" @endif>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Primary Phone:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="PrimaryPhone" type="text" pattern="^\(\d{3}\) \d{3}-\d{4}$" class="form-control phone" @if(isset($companyInfo)) value="{{ isset($companyInfo->PrimaryPhone) ? $companyInfo->PrimaryPhone : '' }}" @endif>
                                </div>
                            </div>

                            {{--<div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Fax:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="Fax" type="text" pattern="^\(\d{3}\) \d{3}-\d{4}$" class="form-control phone" @if(isset($companyInfo)) value="{{ isset($companyInfo->Fax) ? $companyInfo->Fax : '' }}" @endif>
                                </div>
                            </div>--}}
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Web URL:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="URL" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->URL) ? $companyInfo->URL : '' }}" @endif>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 form-horizontal">
                             <div class="text-center">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail img-file">
                                        @if(isset($companyInfo) && $companyInfo->CompanyLogo && $companyInfo->company_logo_temporary_url)
                                            <img src="{{ $companyInfo->company_logo_temporary_url }}" id="imagePreview"
                                            class="img-responsive"  alt="Company Logo"
                                            style="width:128px; height: 128px; object-fit: contain; image-rendering: auto;">
                                        @else
                                            <img src="{{ asset('img/users/icon/user_1.png') }}" id="imagePreview"  class="img-responsive" alt="Company Logo"
                                             style="width:128px; height: 128px; object-fit: contain; image-rendering: auto;">
                                        @endif
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail img-max" style="max-height: 150px; max-width: 200px;">
                                    </div>
                                    <div>
                                        <span class="btn btn-default btn-file">
                                            <span class="fileinput-new">Select image</span>
                                             @if(isset($companyInfo) && $companyInfo->CompanyLogo && $companyInfo->company_logo_temporary_url)
                                            <span class="fileinput-exists" style="display: inline !important">Change</span>
                                            @endif
                                            <input type="file" name="CompanyLogo" id="avatarInput" accept="image/*">
                                        </span>
                                        {{--@if(isset($companyInfo) && $companyInfo->CompanyLogo && $companyInfo->company_logo_temporary_url)
                                        <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput" style="display: inline !important">Remove</a>
                                        @endif--}}
                                        <p><span class="text-danger" id="validationFileSize"></span> </p>
                                        <p>
                                            <span class="">Note:Image size must not exceed 2 MB.</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Email:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="ReplyTo" type="email" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->ReplyTo) ? $companyInfo->ReplyTo :'' }}" @endif>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Cc&nbsp;To:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="CcTo" type="email" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->CcTo) ? $companyInfo->CcTo : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Bcc&nbsp;To:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="BccTo" type="email" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->BccTo) ? $companyInfo->BccTo  : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Fail&nbsp;To:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="FailTo" type="email" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->FailTo) ? $companyInfo->FailTo :'' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Zipcode :</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="PostalCode" type="text" class="form-control" @if(isset($companyInfo)) value="{{ isset($companyInfo->PostalCode) ? $companyInfo->PostalCode : '' }}" @endif>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <span>Secondary Phone:</span>
                                </div>
                                <div class="col-lg-7 col-md-7 col-sm-7">
                                    <input name="SecondaryPhone" type="text" pattern="^\(\d{3}\) \d{3}-\d{4}$" class="form-control phone" @if(isset($companyInfo)) value="{{ isset($companyInfo->SecondaryPhone) ? $companyInfo->SecondaryPhone : '' }}" @endif>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 modal-footer">
                            <button class="btn btn-success" type="submit" style="float: right;width:15%;">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script type="application/javascript">
        $(function () {
            $('input.phone').mask('(000) 000-0000');
        });

        $('form').submit(function (e) {
            var $form = $(this);

            if ($form.parsley().isValid()) {

                $form.find(':submit').prop('disabled', true);
                return true; // allow submission
            } else {

                $form.find(':submit').prop('disabled', false); // keep enabled
                e.preventDefault(); // block submit
                return false;
            }
        });

        $(document).ready(function(){
            $('form').parsley();
        });
        $(document).ready(function(){
            $('#avatarInput').on('change', function(event) {
                const file = event.target.files[0];
                const maxSizeInBytes = 2 * 1024 * 1024;
                const reader = new FileReader();
                if (file) {
                    if (file.size > maxSizeInBytes) {
                        $('#validationFileSize').html('The image size should be less than or equal to 2 MB.');
                        //$('#avatarInput').val('');
                        $('#imagePreview').attr('src', '{{ asset('img/users/icon/user_1.png') }}');
                        return;
                    }else{
                         $('#validationFileSize').html('');
                    }
                    reader.onload = function(e) {
                        $('#imagePreview').attr('src', e.target.result);
                    };
                    reader.readAsDataURL(file); // Read the file as a data URL
                } else {
                    $('#imagePreview').attr('src', '{{ asset('img/users/icon/user_1.png') }}');
                }
            });
        });

    </script>
@endsection