@extends('layouts.kyc')

@section('page-title', trans('crm.consent_mandate_contract'))

@section('content')
    <div class="content content-form-wrapper">
        <div class="d-flex align-items-center justify-content-between pt-3 pb-3">
            <div class="d-flex">
                <h4 class="m-0">
                    <a href="javascript:;" style="color: black;"><i class="icon-vcard mr-2"></i></a>
                    <span class="font-weight-semibold">@lang('crm.consent_mandate_contract')</span>
                </h4>
            </div>
            @include('partials.front-lang')
        </div>

        @if(isset($error) && !empty($error))
            <div class="alert  {{ $consent->status == \CRM\Support\Enum\UserConsentStatus::REJECTED ? 'alert-danger bg-danger' : 'alert-info' }} ">
                <span class="font-weight-semibold"></span>
                {!!  $error !!}
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card p-4">
                    {!! Form::open(['route' => ['consent.store', $page], 'class' => 'disable-block cbc-form', 'id' => 'consent_form', 'files' => true ]) !!}

                    <legend class="text-uppercase font-size-sm font-weight-bold">@lang('crm.consent_mandate_contract_desc')</legend>

                    <fieldset>
                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_beneficiary'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="beneficiary" readonly
                                       value="{{ $mandate ? $mandate['beneficiary'] : ($user->client->is_individual ? $user->fullname : $user->client->company) }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_full_address'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="full_address" readonly
                                       value="{{ $mandate ? $mandate['full_address'] : ($user->client->fulladdress) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_fiscal_code'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="fiscal_code" readonly
                                       value="{{ $mandate ? $mandate['fiscal_code'] : ($user->personal_id) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_id_card'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="id_card" readonly
                                       value="{{ $mandate ? $mandate['id_card'] : ($user->passport) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_bank'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="bank"
                                       value="{{ $mandate ? $mandate['bank'] : '' }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_IBAN'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="IBAN"
                                       value="{{ $mandate ? $mandate['IBAN'] : '' }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_contract'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="contact" readonly
                                       value="{{ $mandate ? $mandate['contact'] : $user->fullname }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_phone'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="phone" readonly
                                       value="{{ $mandate ? $mandate['phone'] : $user->phone }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_email'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="email" readonly
                                       value="{{ $mandate ? $mandate['email'] : $user->email }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_digital_active_type')<span class="text-danger">*</span>:</label>
                            <div class="col-lg-8">
                                <select class="form-control" name="digital_active_type" >
                                    <option value="USDT / USDC" @if($mandate && $mandate['digital_active_type'] == 'USDT / USDC') selected @endif>USDT / USDC</option>
                                    <option value="ETH" @if($mandate && $mandate['digital_active_type'] == 'ETH') selected @endif>ETH</option>
                                    <option value="BTC" @if($mandate && $mandate['digital_active_type'] == 'BTC') selected @endif>BTC</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_quantity')<span class="text-danger">*</span>:</label>
                            <div class="col-lg-8">
                                <input type="number" class="form-control" name="quantity" required
                                       value="{{ $mandate ? $mandate['quantity'] : '' }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_max_price'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="max_acquisition_price" readonly
                                       value="{{ $mandate ? $mandate['max_acquisition_price'] : '1:1' }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_agreed_exchanges'):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="agreed_exchanges" readonly
                                       value="{{ $mandate ? $mandate['agreed_exchanges'] : 'Kryptostack, Coinbase, Liquid, Binance, Bitstamp, Kraken' }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_duration')(days):</label>
                            <div class="col-lg-8">
                                <input type="text" class="form-control" name="duration_executed" readonly
                                       value="{{ $mandate ? $mandate['duration_executed'] : '10' }}">
                            </div>
                        </div>


                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_digital_wallet'):</label>
                            <div class="col-lg-8">
                                <textarea class="form-control" name="asset_wallet">{{ $mandate ? $mandate['asset_wallet'] : '' }}</textarea>
                            </div>
                        </div>


                        <div class="form-group row">
                            <label class="col-form-label col-lg-4">@lang('crm.consent_mandate_reason'):</label>
                            <div class="col-lg-8">
                                <textarea class="form-control" name="reason">{{ $mandate ? $mandate['reason'] : '' }}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="bold" id="signatureLabel">@lang('crm.consent_mandate_client_signature')<span class="text-danger">*</span></label>
                            <div class="signature-pad--body" style="border-radius:4px;position: relative;border: 1px solid #c0cbda;width: 400px">
                                @if(isset($mandate['client_signature']) && !empty($mandate['client_signature']))
                                    <img id="oldSignature" src="{{ url('upload/consent_attachments/'. $mandate['consent_id']. '/'.$mandate['client_signature']) }}" width=400 height=130 style="position: absolute;left: 0;top: 0;"/>
                                @endif
                                <canvas id="signature" height="130" width="400"></canvas>
                            </div>
                            <input type="text" style="width:1px; height:1px; border:0px;" tabindex="-1" name="client_signature" id="signatureInput" class="required">
                            <div class="d-block">
                                <button type="button" class="btn btn-light btn-xs clear" id="clear">@lang('crm.clear')</button>
                                <button type="button" class="btn btn-light btn-xs" id="undo">@lang('crm.undo')</button>
                            </div>
                        </div>

                        <p>@lang('crm.consent_mandate_instruction')</p>

                        <p>@lang('crm.consent_mandate_footer')</p>

                    </fieldset>

                    @if(isset($enable) && $enable)
                        <button class="btn btn-primary mt-3 float-right" type="button" data-toggle="loader" data-loading-text="@lang('crm.wait_text')">Submit <i class="icon-paperplane ml-2"></i></button>
                    @endif

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@stop


@section('styles')

@stop


@section('scripts')
    <script>
        $(function () {
            $('select[name="digital_active_type"]').on('change', function () {
                let input = $('input[name="max_acquisition_price"]');
                if($(this).val() == 'USDT / USDC'){
                    input.val('1:1').attr('readonly', 'readonly');
                }else{
                    input.val('').removeAttr('readonly');
                }
            })
        })
    </script>
@stop