@extends('layouts.app')


@section('content')
    <div class="login-area py-120 Register">
        <div class="container">
            <div class="row">
                <div class="col-md-2 navigation">
                    <ul>
                        <a href="/Register">
                            <li>Before you get started ...</li>
                        </a>
                        <a href="/Register/Step1">
                            <li>Personal Information</li>
                        </a>
                        <a href="/Register/Step2">
                            <li>Company Information</li>
                        </a>
                        <a href="/Register/Step3">
                            <li>Trading Address</li>
                        </a>
                        <a href="/Register/Step4">
                            <li>Finance Information</li>
                        </a>
                        <a href="/Register/Step5">
                            <li>Payment Contact Details</li>
                        </a>
                        <a href="/Register/Step6">
                            <li>Shipments</li>
                        </a>
                        <a href="/Register/Step7">
                            <li>TECHPORT Pack Signature</li>
                        </a>
                        <li class="active">Sign Forms <i class="fa-solid fa-hand-point-right"></i></li>
                    </ul>
                </div>
                <div class="col-md-10">
                    <div class="login-form">
                        <div class="login-header">
                            <h1>Sign Forms</h1>
                        </div>
                        <form method="POST">
                            @csrf

                            <div class="form row ukForm">
                                <div class="col-lg-12">
                                    <div class="col-lg-12 docArea doc1">
                                        <h2 class="title1">Authority for a Customs Clearance Agent to act as a Direct
                                            Representative</h2>

                                        <div id="current_date">Date: {{ date('Y-m-d') }}</div>
                                        <div id="person">I, {{ $global->getRememberUser()->name }}<span></span> (i)</div>

                                        <h3 class="title2">Having authority to sign on behalf of:</h3>
                                        <div class="row">
                                            <div class="col-lg-6">A: <span
                                                    id="name">{{ $global->getRememberUser()->legal_name }}</span>
                                            </div>
                                            <div class="col-lg-6">EORI no: <span
                                                    id="eori">{{ $global->getRememberUser()->eori_number }}</span> (ii)
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">A1: <span
                                                    id="address">{{ $global->getRememberUser()->registered_building_name_number }},
                                                    {{ $global->getRememberUser()->registered_street }},
                                                    {{ $global->getRememberUser()->registered_town_city }},
                                                    {{ $global->getRememberUser()->registered_postcode }}</span></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6">A2 (e-mail): <span
                                                    id="email">{{ $global->getRememberUser()->email }}</span></div>
                                            <div class="col-lg-6">A3 (phone no.): <span
                                                    id="phone">{{ $global->getRememberUser()->phone_number }}</span>
                                            </div>
                                        </div>

                                        <h3 class="title4">Hereby appoint:</h3>

                                        <div class="row hamilton_details">
                                            <div class="col-lg-6">B: <span>TECHPORT TECHNOLOGIES LIMITED</span></div>
                                            <div class="col-lg-6">EORI no.: <span>GB044880603000 (iii)</span></div>
                                        </div>

                                        <div class="row text">
                                            <p>To act on behalf of the entity named A above in the capacity of a Direct
                                                Representative
                                                in accordance with Article 18 and 19 of Regulation (EU) No. 952/2013. This
                                                authorisation
                                                is applicable to all consignments arriving or departing from the UK. <br />

                                                This Appointment applies with effect from the date of signature until
                                                revoked
                                                by the
                                                entity named at A above. </p>

                                            <p>The entity A named above authorises the customs agent named at B to delegate
                                                customs
                                                clearance to sub agents as a <strong>Direct Representative</strong> of the
                                                declarant in
                                                all dealings with HMRC where circumstances necessitate.</p>

                                            <p>The entity named in A authorises their representative, the customs agent
                                                named at B, to
                                                declare goods to HMRC using</p>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">Deferment Approval Number: <span
                                                    id="deferment">{{ $global->getRememberUser()->deferment_account_number }}</span>
                                            </div>
                                        </div>
                                        <br />
                                        <div class="row">
                                            <div class="col-lg-12 vat_no">VAT Number: <span
                                                    id="vat">{{ $global->getRememberUser()->vat_number }}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                        <div class="col-lg-12 tick centered">
                                            <b>Tick if you require due VAT to be postponed</b> <input type="checkbox" id="vat_postponed" value="1" style="width: 20px; height: 20px; margin-left: 5px;" />
                                        </div>
                                        </div>

                                        <div class="row text">
                                            <p>Note:</p>
                                            <p>In accordance with the Union Customs Code, a Direct Representative acts in
                                                the name of
                                                and on behalf of another person. In relation to import/export declarations,
                                                the
                                                importer/exporter will be liable for any customs debt arising from the
                                                declaration.</p>
                                        </div>

                                        <div class="row signArea">
                                            <div class="col-lg-12">Signed: <button
                                                    class="btn btn-primary signButton @if ($global->getRememberUser() && !empty($global->getRememberUser()->signature)) signed @endif"
                                                    id="signDoc1">
                                                    @if ($global->getRememberUser() && !empty($global->getRememberUser()->signature))
                                                        Change signature
                                                    @else
                                                        Click to Sign
                                                    @endif
                                                </button> <span class="signed_img"><img
                                                        @if ($global->getRememberUser() && !empty($global->getRememberUser()->signature)) src="{{ $global->getRememberUser()->signature }}" @endif
                                                        id="signatureImg1" /></span></div>
                                            <div class="signature signDoc1">

                                                <div id="signature-pad" class="signature-pad">
                                                    <div class="closeSignature">
                                                        <div>x</div>
                                                    </div>
                                                    <h3>Draw your signature</h3>
                                                    <div class="signature-pad--body">
                                                        <canvas class="signaturePad canvasSignDoc1"></canvas>
                                                        <input type="hidden" name="signature" id="signature"
                                                            value="" />
                                                        <div class="centered">
                                                            <button type="button" class="btn btn-primary clear"
                                                                data-action="clear">Clear</button> <button type="button"
                                                                class="btn btn-success useSignature" id="doc1"
                                                                data-action="clear">Use Signature</button>
                                                        </div>
                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-12">Position: <span
                                                    id="position">{{ $global->getRememberUser()->position_in_company }}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">Dated: <span id="dated">{{ date('Y-m-d') }}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">Please email this letter to <a
                                                    href="mailto:info@techport.uk">info@techport.uk</a></div>
                                        </div>
                                        <div class="row text">
                                            <p>Notes:</p>
                                            <p>(i) Name of person signing, who must have authority to sign on behalf of the
                                                importer or
                                                exporter. </p>
                                            <p>(ii) Legal name & EORI Trader Identification No. of importer or exporter.</p>
                                            <p>(iii) Legal name & EORI Trader Identification No. of representative or agent.
                                            </p><br />
                                            <p>This document will remain on file for 3 years and will be stored in line with
                                                GDPR
                                                regulations.</p>
                                        </div>

                                    </div>
                                </div>




                            </div>

                            <script src="/assets/js/signature_pad.umd.js"></script>
                            <script src="/assets/js/canvasApp.js?v={{ time() }}"></script>

                            <div class="error col-lg-12"></div>



                            <div class="d-flex align-items-center buttonArea">
                                <button type="submit" class="submitRegisterStep9 theme-btn"><i
                                        class="far fa-sign-in"></i>Next
                                    Step</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection