{!! Theme::section('page.profile.products.product-menu',['pageName'=>'kyc']) !!}

{!! Theme::section('page.profile.products.kyc-menu',['pageName'=>'business']) !!}

<div class="box">
    <div class="box-title">
        @php
            $hasDoc = !empty($page->business_number_file);
            $kycDone = ((int)($page->kyc_completed ?? 0) === 1);
        @endphp
        <b>Business KYC Details</b>
        @if($hasDoc)
            <span style="float:right; font-weight:bold;">
                KYC: <span style="color:{{$kycDone ? '#008000' : '#FF0000'}};">{{$kycDone ? 'Completed' : 'Pending'}}</span>
            </span>
        @endif
    </div>

    <div class="box-content">
        <form class="form-horizontal single-column-form" role="form" action="" method="post" enctype="multipart/form-data">
            {{ csrf_field() }}

            @if(!empty($message))
                @php
                    $isSuccess = ($message === trans('page.success'));
                @endphp
                <div class="alert {{$isSuccess ? 'alert-success' : 'alert-danger'}}">{{$message}} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></div>
            @endif

            <div class="form-group" style="margin-top:10px;">
                <label class="col-sm-12 control-label">Business Name: <span style="font-weight:normal">{{$page->title}}</span></label>
            </div>
            
            @if(!empty($page->business_number_file))
            	 <div class="form-group">
                    <div class="col-sm-12" style="margin-top:10px;">
                        Uploaded document: <a href="{{Image::url($page->business_number_file, 600)}}" target="_blank" style="color:#FF0000">View</a>
                    </div>
                 </div>   
            @endif

            <div class="form-group">
                <label class="col-sm-12 control-label">Business Number - Upload (Business registration document)</label>
                <div class="col-sm-12">
                    <div class="idh-dropzone js-idh-dropzone" data-ready-text="Ready to upload">
                        <input type="file" class="idh-dropzone__input js-idh-dropzone-input" name="business_number_file" accept=".pdf,.jpg,.jpeg,.png" @if(empty($page->business_number_file)) required="required" @endif />
                        <div class="idh-dropzone__content">
                            <div class="idh-dropzone__title">Drag &amp; drop your file here</div>
                            <div class="idh-dropzone__hint">or click to browse (PDF/JPG/PNG)</div>
                            <div class="idh-dropzone__filename js-idh-dropzone-filename">No file selected</div>
                            <div class="idh-dropzone__ready js-idh-dropzone-ready" style="display:none;">Ready to upload</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group" style="margin-top:10px;">
                <label class="col-sm-12 control-label">Business Tax Number</label>
                <div class="col-sm-12">
                    <input type="text" class="form-control" name="val[business_tax_number]" value="{{$page->business_tax_number}}" placeholder="Enter business tax number" required="required" />
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-12 control-label">Business Registration Date</label>
                <div class="col-sm-12">
                    <input type="date" class="form-control" name="val[business_registration_date]" value="{{$page->business_registration_date}}" placeholder="mm/dd/yyyy" required="required" />
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-12 control-label">Business registration city name</label>
                <div class="col-sm-12 searchBoxContainer">
                    <input type="text" class="form-control" id="addressSearchBox" name="val[business_registration_city_name]" value="{{$page->business_registraton_city_name}}" placeholder="Enter business registration city" required="required" />
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-12">
                    <input type="submit" class="btn red-color-button pull-right" value="Save" />
                    <br />
                </div>
            </div>
        </form>
        <br />
    </div>
</div>