@extends('layouts.guest')

@section('page-title', $contract['subject'] )

@section('sticky-navbar')
    <!-- Alternative navbar -->
    <div class="navbar navbar-expand-md navbar-default  navbar-sticky layout-boxed">
        <div class="text-center d-md-none w-100">
            <button type="button" class="navbar-toggler dropdown-toggle" data-toggle="collapse" data-target="#navbar-second">
                <i class="icon-unfold mr-2"></i>
                Alternative navbar
            </button>
        </div>

        <div class="navbar-collapse collapse" id="navbar-second">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <div class="navbar-nav-link pl-0">
                        <h5 class="pull-left no-mtop contract-html-subject">{{ $contract->subject }}<br>
                            <small>{{ $contract->type->name }}</small>
                        </h5>
                    </div>
                </li>
            </ul>

            <ul class="navbar-nav ml-md-auto">
                <li class="nav-item d-flex justify-content-center flex-column mr-2">
                    {!!  Form::open([ 'id' => 'download-form', 'class' => 'disable-block']) !!}
                        <input type="hidden" name="action" value="contract_pdf">
                        <button type="submit" class="navbar-nav-link line-height-1 btn btn-light btn-sm font-size-lg p-2">
                            <i class="icon-file-pdf"></i>&nbsp;@lang('crm.clients_invoice_html_btn_download')</button>
                        <input type="hidden" name="action" value="contract_pdf">
                    {!! Form::close() !!}
                </li>
                <li class="nav-item d-flex justify-content-center flex-column">
                    @if($contract->signed == 0)
                        @if($contract->status == 2)
                            @if(get_option('consent_sign_method') == 'form')
                                <a href="#" data-toggle="modal" data-target="#identityConfirmationModal" class="navbar-nav-link btn btn-success line-height-1 font-size-lg btn-sm p-2">
                                    @lang('crm.e_signature_sign')
                                </a>
                            @else
                                <a href="{{ Request::url().'?action=sign_contract' }}"  class="navbar-nav-link btn btn-success line-height-1 font-size-lg btn-sm p-2">
                                    @lang('crm.e_signature_sign')
                                </a>
                            @endif
                        @endif
                    @else
                        <span class="bg-primary" style="padding: 0.7em 2em;">@lang('crm.is_signed')</span>
                    @endif
                </li>
                @if(Auth::user()->hasRole('User'))
                    <li class="nav-item d-flex justify-content-center flex-column ml-1">
                        <a href="{{ url('front/contracts') }}" class="navbar-nav-link btn btn-outline-primary line-height-1 font-size-lg btn-sm p-2">
                            <i class="icon-arrow-right6"></i> @lang('crm.client_go_to_dashboard')
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <!-- /alternative navbar -->
@stop

@section('content')
<div class="content-wrapper" style="padding: 0 1.25rem">

    @include('partials.messages')

    <div class="row">
        <div class="col-md-8">
            @if($contract->status == 1)
                <div class="alert alert-warning ">This contract is pending now. Please wait for admin's approval.</div>
            @elseif($contract->status == 3)
                <div class="alert alert-danger ">
                    This contract has been rejected by admin. Please contact with support team.<br><br>
                    {!! isset($contract['reject_reason']) ? $contract['reject_reason'] : '' !!}
                </div>
            @else
            <div class="card">
                <div class="card-body">
                    {!! $data['content'] !!}
                </div>
            </div>
            @endif
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-tabs-highlight">
                        <li class="nav-item"><a href="#summary-tab" class="nav-link active" data-toggle="tab"><i class="icon-file-text2"></i> @lang('crm.summary')</a></li>
                        <li class="nav-item"><a href="#discussion-tab" class="nav-link" data-toggle="tab"><i class="icon-bubble-dots4"></i> @lang('crm.discussion')</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="summary-tab">
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <address>
                                        {!! format_organization_info() !!}
                                    </address>
                                </div>
                                @if($contract->contract_value != 0 )<div class="col-md-12">
                                    <h4 class="bold mt-3">
                                        @lang('crm.contract_value'):
                                        {{ app_format_money($contract->contract_value, get_base_currency())  }}
                                    </h4>
                                </div>@endif
                                <div class="col-md-5">#@lang('crm.contract_number')</div>
                                <div class="col-md-7">{{ $contract->id }}</div>
                                <div class="col-md-5">@lang('crm.contract_client_fee')</div>
                                <div class="col-md-7">{{ number_format($contract->client_fee, 2).'%' }}</div>
                                <div class="col-md-5">@lang('crm.contract_start_date')</div>
                                <div class="col-md-7">{{ local_date_format($contract->datestart) }}</div>
                                @if(!empty($contract->dateend))
                                <div class="col-md-5">@lang('crm.contract_end_date')</div>
                                <div class="col-md-7">{{ local_date_format($contract->dateend) }}</div>
                                @endif
                                <div class="col-md-5">@lang('crm.contract_type')</div>
                                <div class="col-md-7">{{ $contract->type->name }}</div>
                                @if($contract->signed == 1)
                                <div class="col-md-5">@lang('crm.date_signed')</div>
                                <div class="col-md-7">{{ local_date_format(explode(' ', $contract->acceptance_date)[0]) }}</div>
                                @endif
                            </div>
                            @if(count($data['attachments']) > 0)
                            <div class="contract-attachments">
                                <div class="clearfix"></div>
                                <hr />
                                <p class="bold mbot15">@lang('crm.contract_files')</p>
                                @foreach( $data['attachments'] as $attachment)
                                    <div class="row attachment-item mt-1">
                                        <div class="col-md-12">
                                            <div class="float-left"><i class="{{ get_mime_class($attachment['filetype']) }}"></i></div>
                                            <a href="{{ url('download/file/contract/'.$attachment['attachment_key']) }}">{{ $attachment['file_name']  }}</a>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                @endforeach
                            </div>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="discussion-tab">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



    @if(get_option('consent_sign_method') == 'form')
        @include('front.sign', array('formData'=>'<input name="action" value="sign_contract" type="hidden"/>'))
    @endif



@stop


@section('scripts')
    @if(get_option('consent_sign_method') == 'form')
        {!! HTML::script('assets/plugins/signature-pad/signature_pad.min.js') !!}
        {!! HTML::script('assets/js/as/signature.js') !!}
    @endif


    <script>
        $(function(){
            @if(get_option('consent_sign_method') == 'form')
                _componentSignature();

                $('#identityConfirmationForm').validate({
                    ignore: "",
                    rules: {
                        acceptance_firstname: 'required',
                        acceptance_lastname: 'required',
                        signature: 'required',
                    },
                });

                $('#sign-btn').on('click', function (e) {
                    if($('#identityConfirmationForm').valid()){
                        blockUI($('#identityConfirmationModal .modal-content'));

                        $('#identityConfirmationForm').submit();
                    }
                })
            @endif
        });



    </script>
@stop