@extends('layouts.admin')

@section('page-title', $edit ? $contract['subject'] : sprintf(trans('crm.add_new'),trans('crm.contract_lowercase')))

@section('content')
<div class="content">

    @include('partials.messages')

    <div class="row">

        <div @if($edit)class="col-md-5" @else class="col-md-6 offset-3" @endif>
            {!! Form::open(['route' => 'admin.contracts.store', 'files' => false, 'id' => 'contract-form']) !!}
                @include('admin.contracts.partials.detail',
                ['edit' => $edit, 'contract' => isset($contract) ? $contract : null, 'client' => isset($client) ? $client : null])
            {!! Form::close() !!}
        </div>

        @if($edit)
        <div class="col-md-7">
            <div class="card contract-card">
                <div class="card-header">
                    <h5 class="card-title">{{ $contract->subject }}</h5>
                    <a href="{{ url('contract/'.$contract->id.'/'.$contract->hash) }}" target="_blank">
                        @lang('crm.view_contract')
                    </a>
                </div>
                <div class="card-body">
                    <ul class="nav nav-tabs nav-tabs-bottom">
                        <li class="nav-item"><a href="#tab-content" class="nav-link @if(empty($tab) || (isset($tab) && $tab =='content'))active @endif"
                                                data-toggle="tab">@lang('crm.contract_content')</a></li>
                        <li class="nav-item">
                            <a href="#tab-attachments" class="nav-link @if(isset($tab) && $tab =='attachments')show active @endif"
                                                data-toggle="tab">@lang('crm.contract_attachments')
                                @if(count($attachments)>0)<span
                                                class="badge badge-pill bg-dark ml-auto ml-md-0">{{ count($attachments) }}</span>@endif
                            </a>
                        </li>
                        <li class="nav-item"><a href="#tab-comments" class="nav-link @if(isset($tab) && $tab =='comments')show active @endif"
                                                data-toggle="tab">@lang('crm.contract_comments')
                                        @if(count($comments)>0)
                                        <span class="badge badge-pill bg-dark ml-auto ml-md-0" id="comment-count">{{ count($comments) }}</span>
                                        @endif
                                    </a>
                                </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade @if(empty($tab) || (isset($tab) && $tab =='contents'))show active @endif" id="tab-content">
                            <div class="row">
                                @if($contract->signed == 1)
                                <div class="col-md-12">
                                    <div class="alert alert-success">
                                        {!!  sprintf(trans('crm.document_signed_info'),
                                                '<b>'.$contract->acceptance_firstname . ' ' . $contract->acceptance_lastname . '</b> (<a href="mailto:'.$contract->acceptance_email.'">'.$contract->acceptance_email.'</a>)',
                                                '<b>'. local_time_format($contract->acceptance_date, true).'</b>',
                                                '<b>'.$contract->acceptance_ip.'</b>')
                                          !!}
                                    </div>
                                </div>
                                @endif
                                <div class="col-md-12 text-right _buttons">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                            <i class="icon-file-pdf"></i>
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end">
                                            <a href="{{ url('admin/contracts/pdf/'.$contract->id.'?output_type=I') }}" class="dropdown-item hidden-xs">
                                                @lang('crm.view_pdf')
                                            </a>
                                            <a href="{{ url('admin/contracts/pdf/'.$contract->id.'?output_type=I') }}" target="_blank" class="dropdown-item hidden-xs">
                                                @lang('crm.view_pdf_in_new_window')
                                            </a>
                                            <a href="{{ url('admin/contracts/pdf/'.$contract->id) }}" class="dropdown-item">
                                                @lang('crm.download')
                                            </a>
                                            <a href="{{ url('admin/contracts/pdf/'.$contract->id.'?print=true') }}" target="_blank" class="dropdown-item">
                                                @lang('crm.print')
                                            </a>
                                        </div>
                                    </div>
                                    <a href="#" class="btn btn-light" data-target="#contract_send_to_client_modal" data-toggle="modal"
                                       data-popup="tooltip" data-container="body" data-placement="bottom" data-title="@lang('crm.contract_send_to_email')">
                                        <i class="fa fa-envelope"></i>
                                    </a>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                            @lang('crm.more')
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end">
                                            <a href="{{ url('contract/'.$contract->id.'/'.$contract->hash) }}" target="_blank" class="dropdown-item">
                                                @lang('crm.view_contract')
                                            </a>
                                            @if(Auth::user()->hasRole(''))
                                            <a href="{{ url('admin/contracts/copy/'.$contract->id) }}" class="dropdown-item">
                                                @lang('crm.contract_copy')
                                            </a>
                                            @endif
                                            @if(Auth::user()->hasPermission('contract.delete'))
                                            <a href=" {{ url('admin/contracts/delete/'.$contract->id)  }}" class="_delete dropdown-item">
                                                {{ sprintf(trans('crm.delete'), '') }}</a>
                                            @endif
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-12">
                                    @if(!empty($contract->signature))
                                    <div class="float-right mt-3">
                                        <p class="bold text-right">@lang('crm.document_customer_signature_text')
                                            @if($contract->signed == 1 && Auth::user()->hasPermission('contract.delete'))
                                            <a href="{{ url('admin/contracts/clear_signature/'.$contract->id) }}"
                                               data-popup="tooltip" data-title="@lang('crm.clear_signature')" class="text-danger"
                                               data-method='DELETE' data-confirm-text='Are you sure to delete?'>
                                                <i class="icon-close2"></i>
                                            </a>
                                            @endif
                                        </p>
                                        <div class="float-right">
                                            <img src="{{ url('upload/contracts/'.$contract->id.'/'.$contract->signature) }}" class="img-responsive" alt="">
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade @if(isset($tab) && $tab =='attachments')show active @endif" id="tab-attachments">
                            <form action="{{ url('admin/contracts/add_contract_attachment/'.$contract->id) }}" class="dropzone" id="contract-attachments-form">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            </form>

                            <div id="contract_attachments" class="mt-3">
                                <div class="contract-attachment-wrapper">
                                    @foreach( $attachments as $attachment)
                                        <div class="row attachment-item">
                                            <div class="col-md-10">
                                                <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>
                                                <p class="text-muted">{{ $attachment["filetype"] }}</p>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                @if($attachment['staffid'] == Auth::user()->id || Auth::user()->hasRole('Admin'))
                                                    <a href="#" class="text-danger" onclick="delete_contract_attachment(this, {{ $attachment['id'] }})"><i class="fa fa fa-times"></i></a>
                                                @endif
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade @if(isset($tab) && $tab =='comments')show active @endif"
                                     id="tab-comments">
                            <div id="contract_comments" class="mt-3">
                                <div class="contract-comment-wrapper" id="contract-comment_container">
                                    @foreach( $comments as $comment)
                                        <div class="form-group comment-item">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <div class="float-left"><img href='#'
                                                                                 src='{{$comment['avatar']}}'
                                                                                 class='client-profile-image-thumb rounded-circle mr-1'
                                                                                 style='width: 30px'></div>
                                                    <a href="">{{$comment['name']}}</a>
                                                </div>

                                                <div class="col-md-2 text-right">
                                                    <a href="#" class="text-success"
                                                       onclick="edit_contract_comment(this, {{ $comment['comment_id'] }})"><i
                                                                class="fa fa fa-edit"></i></a>
                                                    <a href="#" class="text-danger"
                                                       onclick="delete_contract_comment(this, {{ $comment['comment_id'] }}); return false;"><i
                                                                class="fa fa fa-times"></i></a>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <span class="ml-3">{{$comment['content']}}</span>
                                            </div>

                                            <div class="comment-update ml-4 hidden">
                                                <div class="form-group">
                                                     <textarea class="form-control" style="border:1px solid #d2d2d2;min-height:70px; border-radius:4px;"></textarea>
                                                </div>
                                                <div class="text-right">
                                                    <button type="button" onclick="cancel_update(this)" class="btn btn-light mr-2">Cancel</button>
                                                    <button type="button" onclick="update_comment(this, {{$comment['comment_id']}})" class="btn btn-primary">Update Comment</button>
                                                </div>
                                            </div>

                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <div class="form-group">
                                <textarea class="form-control" id="comment" style="border:1px solid #d2d2d2;min-height:70px; border-radius:4px;"></textarea>
                            </div>

                            <div class="text-right">
                                <button type="button" onclick="add_comment({{$contract->id}})"
                                        class="btn btn-primary">@lang('crm.task_single_add_new_comment')</button>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

    @include('admin.contracts.partials.contract_type')

    @if($edit)
        @include('admin.contracts.partials.send_contract_email')
        @include('admin.contracts.partials.contract_reject')
    @endif
@stop


@section('scripts')
    {!! JsValidator::formRequest('CRM\Http\Requests\Contracts\CreateContractRequest', '#contract-form') !!}

    {!! HTML::script('assets/js/contract_type.js') !!}

    <script>
        $(function () {
            if ($('#contract-attachments-form').length > 0) {
                new Dropzone('#contract-attachments-form', appCreateDropzoneOptions({
                    success: function (file) {
                        if (this.getUploadingFiles().length === 0 && this.getQueuedFiles().length === 0) {
                            var location = window.location.href;
                            window.location.href = (location.replace('#','')).split('?')[0] + '?tab=attachments';
                        }
                    }
                }))
            }

            if($('#client').val()){
                $('#client').trigger('change');
            }else{
                $('select[name="contract_type"]').trigger('change');
            }

            $('select[name="contract_type"]').on('change', function () {
                var id = $(this).val();
                var start_date = $('input[name="datestart"]').val();

                $.ajax({
                    type:'POST',
                    url: "{{ url('admin/contracts/contract_type_info') }}",
                    data:{type_id:id, start_date:start_date},
                    success:function(response){
                        if(response){
                            $('input[name="dateend"]').val(response.end_date);
                            $('#trading_currency_symbol').html(response.symbol);

                            if(response.fixed_contract_value){
                                $('input[name="contract_value"]').val(response.default_contract_value);
                            }else{
                                $('input[name="contract_value"]').val(0);
                            }
                            if(response.fixed_client_fee){
                                $('input[name="client_fee"]').val(response.default_client_fee);
                            }else{
                                $('input[name="client_fee"]').val(0);
                            }
                        }
                    },
                    error:function (response) {

                    },
                    complete: function () {

                    }
                },'json')
            })

            $('#contract_reject').on('click', function () {
                $('#modal_contract_reject').modal('show');
            })
        })



        function delete_contract_attachment(obj, id) {
            if(!id)
                return;

           blockUI( $('.contract-card'));

           $.ajax({
               type:'POST',
               url: "{{ url('admin/contracts/delete_contract_attachment') }}",
               data:{id:id},
               success:function(response){
                   if(response.status == 1){
                       successNotify('Success', response.msg);

                       $(obj).parents('.attachment-item').remove();
                       var count = $('span.attachment-badge').html() * 1 - 1;
                       if(count == 0){
                           $('span.attachment-badge').remove();
                       }else{
                           $('span.attachment-badge').html(count);
                       }
                   }else{
                       errorNotify('Error', response.msg);
                   }
               },
               error:function (response) {
                   errorNotify('Error', response.message);
               },
               complete: function () {
                   unblock($('.contract-card'));
               }
           },'json')
        }

    </script>
@stop