@extends('layouts.app')
@php
$legal = json_decode(session('accountsetup.account.legal'), true);
$sign = json_decode(session('accountsetup.account.sign'), true);
@endphp
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">

            @include('account.setup.header')
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Review & Sign') }}</div>

                <div class="card-body">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-contract-tab" data-bs-toggle="pill" data-bs-target="#pills-contract" type="button" role="tab" aria-controls="pills-contract" aria-selected="true">Contract</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-gtnc-tab" data-bs-toggle="pill" data-bs-target="#pills-gtnc" type="button" role="tab" aria-controls="pills-gtnc" aria-selected="false">General Terms & Conditions</button>
                        </li>
                        <!-- <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-template-tab" data-bs-toggle="pill" data-bs-target="#pills-template" type="button" role="tab" aria-controls="pills-template" aria-selected="false">Template</button>
                        </li> -->
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-contract" role="tabpanel" aria-labelledby="pills-contract-tab">
                            {!! html_entity_decode($contract->fillTemplate($data))!!}
                            @if($sign['contract']??false)
                            <div class="alert alert-success" role="alert">{{__('You have reviewed the Contract on :timestamp', ['timestamp'=>$sign['contract']])}}</div>
                            @else
                            <a class="btn btn-success" id="savedAccountTypeEdit" href="/accountsetup/sign/contract" role="button" data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('Click here to confirm that you have reviewed the Contract')}}">{{__('I have reviewed the Contract')}}</a>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="pills-gtnc" role="tabpanel" aria-labelledby="pills-gtnc-tab">
                            {!! html_entity_decode($gtnc->fillTemplate($data))!!}
                            @if($sign['gtnc']??false)
                            <div class="alert alert-success" role="alert">{{__('You have reviewed the General Terms & Conditions on :timestamp', ['timestamp'=>$sign['gtnc']])}}</div>
                            @else
                            <a class="btn btn-success" id="savedAccountTypeEdit" href="/accountsetup/sign/gtnc" role="button" data-bs-toggle="tooltip" data-bs-placement="top" title="{{__('Click here to confirm that you have reviewed the General Terms & Conditions')}}">{{__('I have reviewed the General Terms & Conditions')}}</a>
                            @endif
                        </div>
                        <!-- <div class="tab-pane fade" id="pills-template" role="tabpanel" aria-labelledby="pills-template-tab">
                            @include('account.setup.sign.template', ['legal' => $legal])
                        </div> -->
                    </div>
                </div>
                <div class="card-footer text-muted">
                    {{ __('Please review and confirm the Contract between you and :site and our General Terms & Conditions. A confirmation email will be send with verification link.', ['site' => env('APP_NAME')]) }}
                </div>
                <div class="card-body">
                    @if(($sign['contract']??false)&&($sign['gtnc']??false))
                    <form method="post" action="/accountsetup/sign/final">
                        @csrf
                        <div class="row mb-3">
                            <label for="accountSignaturePassword" class="col-sm-4 col-form-label">{{ __('Sign with your password')}}</label>
                            <div class="col-sm-8">
                                <div class="input-group">
                                    <input type="text" class="form-control" id="accountSignaturePassword" aria-label="Text input with segmented dropdown button" aria-describedby="accountSignaturePasswordHelp" required>
                                    <button class="btn btn-outline-secondary" type="button" id="accountSignatureSignButton">{{ __('Sign')}}</button>
                                </div>
                                <div id="accountSignaturePasswordHelp" class="form-text">{{ __('Enter your password and sign the contract to start selling!')}}</div>
                            </div>
                        </div>
                    </form>
                    @else
                    <div class="alert alert-primary" role="alert">
                        {{__('Please read and mark as reviewed the Contract and the General Terms & Conditions in order to sign them')}}
                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-4">
            @include('account.setup.account')
        </div>
    </div>
</div>
@endsection