@extends('layouts.main')

@section('page-title')
    {{ $deal->name }}
@endsection

@push('css')
    <style>
        .nav-tabs .nav-link-tabs.active {
            background: none;
        }

        .deal_status {
            float: right;
            position: absolute;
            right: 0;
        }
    </style>

    <link rel="stylesheet" href="{{ asset('packages/workdo/Lead/src/Resources/assets/css/dropzone.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/js/plugins/summernote-0.8.18-dist/summernote-lite.min.css') }}">
@endpush

@php
    $deal->activities = $deal->activities->load('user');
    $deal->discussions = $deal->discussions->load('user');
    $deal->calls = $deal->calls->load('getDealCallUser');
@endphp

@push('scripts')
    <script>
        var scrollSpy = new bootstrap.ScrollSpy(document.body, {
            target: '#useradd-sidenav',
            offset: 300
        })
    </script>

    <script src="{{ asset('packages/workdo/Lead/src/Resources/assets/js/dropzone.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/summernote-0.8.18-dist/summernote-lite.min.js') }}"></script>
    <script>
        $(document).on("change", "#change-deal-status select[name=deal_status]", function() {
            $('#change-deal-status').submit();
        });

        @if (Auth::user()->type != 'client' || in_array('Client View Files', $permission))
            Dropzone.autoDiscover = false;
            myDropzone2 = new Dropzone("#dropzonewidget2", {
                maxFiles: 20,
                maxFilesize: 20,
                parallelUploads: 1,
                acceptedFiles: ".jpeg,.jpg,.png,.pdf,.doc,.txt",
                url: "{{ route('deals.file.upload', $deal->id) }}",
                success: function(file, response) {
                    if (response.is_success) {
                        dropzoneBtn(file, response);
                    } else {
                        myDropzone2.removeFile(file);
                        toastrs('Error', response.error, 'error');
                    }
                },
                error: function(file, response) {
                    myDropzone2.removeFile(file);
                    if (response.error) {
                        toastrs('Error', response.error, 'error');
                    } else {
                        toastrs('Error', response, 'error');
                    }
                }
            });
            myDropzone2.on("sending", function(file, xhr, formData) {
                formData.append("_token", $('meta[name="csrf-token"]').attr('content'));
                formData.append("deal_id", {{ $deal->id }});
            });

            function dropzoneBtn(file, response) {
                var download = document.createElement('a');
                download.setAttribute('href', response.download);
                download.setAttribute('class', "btn btn-sm btn-primary m-1");
                download.setAttribute('data-toggle', "tooltip");
                download.setAttribute('download', file.name);
                download.setAttribute('data-original-title', "{{ __('Download') }}");
                download.innerHTML = "<i class='ti ti-download'></i>";

                var del = document.createElement('a');
                del.setAttribute('href', response.delete);
                del.setAttribute('class', "btn btn-sm btn-danger mx-1");
                del.setAttribute('data-toggle', "tooltip");
                del.setAttribute('data-original-title', "{{ __('Delete') }}");
                del.innerHTML = "<i class='ti ti-trash'></i>";

                del.addEventListener("click", function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    if (confirm("Are you sure ?")) {
                        var btn = $(this);
                        $.ajax({
                            url: btn.attr('href'),
                            data: {
                                _token: $('meta[name="csrf-token"]').attr('content')
                            },
                            type: 'DELETE',
                            success: function(response) {
                                if (response.is_success) {
                                    btn.closest('.dz-image-preview').remove();
                                    btn.closest('.dz-file-preview').remove();
                                    toastrs('Success', response.success, 'success');
                                } else {
                                    toastrs('Error', response.error, 'error');
                                }
                            },
                            error: function(response) {
                                response = response.responseJSON;
                                if (response.error) {
                                    toastrs('Error', response.error, 'error');
                                } else {
                                    toastrs('Error', response, 'error');
                                }
                            }
                        })
                    }
                });

                var html = document.createElement('div');
                html.appendChild(download);
                @if (Auth::user()->type != 'client')
                    @permission('deal edit')
                        html.appendChild(del);
                    @endpermission
                @endif

                file.previewTemplate.appendChild(html);
            }
            @foreach ($deal->files as $file)

                // Create the mock file:
                var mockFile2 = {
                    name: "{{ $file->file_name }}",
                    size: "{{ get_size(get_file($file->file_path)) }}"
                };
                // Call the default addedfile event handler
                myDropzone2.emit("addedfile", mockFile2);
                // And optionally show the thumbnail of the file:
                myDropzone2.emit("thumbnail", mockFile2, "{{ get_file($file->file_path) }}");
                myDropzone2.emit("complete", mockFile2);

                dropzoneBtn(mockFile2, {
                    download: "{{ get_file($file->file_path) }}",
                    delete: "{{ route('deals.file.delete', [$deal->id, $file->id]) }}"
                });
            @endforeach
        @endif


        @permission('deal task edit')
            $(document).on("click", ".task-checkbox", function() {
                var chbox = $(this);
                var lbl = chbox.parent().parent().find('label');

                $.ajax({
                    url: chbox.attr('data-url'),
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        status: chbox.val()
                    },
                    type: 'PUT',
                    success: function(response) {
                        if (response.is_success) {
                            chbox.val(response.status);
                            if (response.status) {
                                lbl.addClass('strike');
                                lbl.find('.badge').removeClass('bg-warning').addClass('bg-success');
                            } else {
                                lbl.removeClass('strike');
                                lbl.find('.badge').removeClass('bg-success').addClass('bg-warning');
                            }
                            lbl.find('.badge').html(response.status_label);

                            toastrs('Success', response.success, 'success');
                        } else {
                            toastrs('Error', response.error, 'error');
                        }
                    },
                    error: function(response) {
                        response = response.responseJSON;
                        if (response.is_success) {
                            toastrs('Error', response.error, 'error');
                        } else {
                            toastrs('Error', response, 'error');
                        }
                    }
                })
            });
        @endpermission

        $(document).ready(function() {
            var tab = 'general';
            @if ($tab = Session::get('status'))
                var tab = '{{ $tab }}';
            @endif
            $("#myTab2 .nav-link-tabs[href='#" + tab + "']").trigger("click");
        });
    </script>

    <script>
        $(document).ready(function() {
            $('.summernote').summernote({
                height: 170,
            });
        });
        $(document).ready(function() {
            $('.summernote').on('summernote.blur', function() {
                $.ajax({
                    url: "{{ route('deals.note.store', $deal->id) }}",
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        notes: $(this).val()
                    },
                    type: 'POST',
                    success: function(response) {
                        if (response.is_success) {
                            // show_toastr('Success', response.success,'success');
                        } else {
                            toastrs('Error', response.error, 'error');
                        }
                    },
                    error: function(response) {
                        response = response.responseJSON;
                        if (response.is_success) {
                            toastrs('Error', response.error, 'error');
                        } else {
                            toastrs('Error', response, 'error');
                        }
                    }
                })
            });
        });

        if ($(".summernote").length > 0) {
            $('.summernote').summernote({
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'italic', 'underline', 'strikethrough']],
                    ['list', ['ul', 'ol', 'paragraph']],
                    ['insert', ['link', 'unlink']],
                ],
                height: 230,
            });
        }
    </script>
    {{-- Custom field description --}}
    <script>
        document.querySelectorAll('.description-container').forEach(function(container) {
            container.addEventListener('click', function() {
                var shortDescription = container.querySelector('.shortDescription');
                var fullDescription = container.querySelector('.fullDescription');

                if (shortDescription.style.display === 'block' || shortDescription.style.display === '') {
                    shortDescription.style.display = 'none';
                    fullDescription.style.display = 'block';
                } else {
                    shortDescription.style.display = 'block';
                    fullDescription.style.display = 'none';
                }
            });
        });
    </script>
@endpush

@section('page-breadcrumb')
    {{ __('Deals') }},
    {{ __($deal->name) }}
@endsection

@section('page-action')
    <div class="d-flex">
        @stack('addButtonHook')
        @permission('deal edit')
            <a class="btn btn-sm btn-primary btn-icon me-2" data-size="md" data-bs-toggle="tooltip" data-bs-placement="top"
                title="{{ __('Labels') }}" data-ajax-popup="true" data-size="md" data-title="{{ __('Label') }}"
                data-url="{{ URL::to('deals/' . $deal->id . '/labels') }}"><i class="ti ti-tag text-white"></i></a>
            <a class="btn btn-sm btn-info btn-icon me-2" data-bs-toggle="tooltip" data-bs-placement="top"
                title="{{ __('Edit') }}" data-ajax-popup="true" data-size="lg" data-title="{{ __('Edit Deal') }}"
                data-url="{{ URL::to('deals/' . $deal->id . '/edit') }}"><i class="ti ti-pencil text-white"></i></a>
        @endpermission
        @if ($deal->status == 'Won')
            <a href="#" class="btn btn-sm btn-success btn-icon ">{{ __($deal->status) }}</a>
        @elseif($deal->status == 'Loss')
            <a href="#" class="btn btn-sm btn-danger btn-icon">{{ __($deal->status) }}</a>
        @else
            <a href="#" class="btn btn-sm btn-primary btn-icon">{{ __('Active') }}</a>
        @endif
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-12 mb-3">
            <div class="row">
                <div class="col-md-3">
                    <div class="card sticky-top" style="top:30px">
                        <div class="list-group list-group-flush" id="useradd-sidenav">
                            <a class="list-group-item list-group-item-action border-0" href="#general">{{ __('General') }}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>
                            @if (!Auth::user()->hasRole('super addmin') || in_array('Client View Tasks', $permission))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#tasks">{{ __('Tasks') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif
                            @if (!Auth::user()->hasRole('super addmin') || in_array('Client View Products', $permission))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#products-users">{{ __('Users | Products') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif
                            @if (!Auth::user()->hasRole('super addmin') || in_array('Client View Sources', $permission))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#sources-emails">{{ __('Sources | Emails') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif

                            <a class="list-group-item list-group-item-action border-0"
                                href="#discussion-notes">{{ __('Discussion | Notes') }}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>
                            @if (!Auth::user()->hasRole('super addmin') || in_array('Client View Files', $permission))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#files">{{ __('Files') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif

                            @if (!Auth::user()->hasRole('super addmin'))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#clients">{{ __('Clients') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif
                            @if (!Auth::user()->hasRole('super addmin'))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#calls">{{ __('Calls') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif
                            @if (!Auth::user()->hasRole('super addmin'))
                                <a class="list-group-item list-group-item-action border-0"
                                    href="#activity">{{ __('Activity') }}
                                    <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div id="general">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3 col-sm-6">
                                        <div class="d-flex align-items-start">
                                            <div class="theme-avtar bg-success badge">
                                                <i class="ti ti-test-pipe"></i>
                                            </div>
                                            <div class="ms-2">
                                                <strong>{{ __('Pipeline') }}</strong>
                                                <h5 class="mb-0 text-success">{{ $deal->pipeline->name }}</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-6 my-3 my-sm-0">
                                        <div class="d-flex align-items-start">
                                            <div class="theme-avtar bg-info badge">
                                                <i class="ti ti-server"></i>
                                            </div>
                                            <div class="ms-2">
                                                <strong>{{ __('Stage') }}</strong>
                                                <h5 class="text-info">{{ $deal->stage->name }}</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-6">
                                        <div class="d-flex align-items-start">
                                            <div class="theme-avtar bg-warning badge">
                                                <i class="ti ti-calendar"></i>
                                            </div>
                                            <div class="ms-2">
                                                <strong>{{ __('Created') }}</strong>
                                                <h5 class="text-warning">{{ company_date_formate($deal->created_at) }}</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2 col-sm-6">
                                        <div class="d-flex align-items-start">
                                            <div class="theme-avtar bg-danger badge">
                                                <i class="ti ti-report-money"></i>
                                            </div>
                                            <div class="ms-2">
                                                <strong>{{ __('Price') }}</strong>
                                                <h5 class="text-danger">{{ currency_format_with_sym($deal->price) }}</h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-6">
                                        @permission('deal edit')
                                            <span class="py-0">
                                                {{ Form::open(['route' => ['deals.change.status', $deal->id], 'id' => 'change-deal-status']) }}
                                                {{ Form::select('deal_status', Workdo\Lead\Entities\Deal::$statues, $deal->status, ['class' => 'form-control select2 px-2', 'id' => 'deal_status', 'style' => 'width: 80px;']) }}
                                                {{ Form::close() }}
                                            </span>
                                        @endpermission
                                    </div>

                                    @if (!empty($customFields) && count($deal->customField) > 0)
                                        @foreach ($customFields as $key => $field)
                                            <div class="col-md-3 col-sm-3 mt-4">
                                                <div class="d-flex align-items-start">
                                                    @if ($key % 4 === 0)
                                                        <div
                                                            class="theme-avtar bg-success badge {{ $field->type == 'textarea' && !empty($deal->customField[$field->id]) ? 'mt-2' : '' }}">
                                                            <i class="ti ti-circle-plus"></i>
                                                        </div>
                                                        <div class="ms-2">
                                                            <strong>{{ Str::ucfirst($field->name) }}</strong><br>
                                                            @if ($field->type == 'attachment')
                                                                <a href="{{ !empty($deal->customField[$field->id]) ? get_file($deal->customField[$field->id]) : get_file('packages/workdo/Lead/src/Resources/assets/upload/default-img.png') }}"
                                                                    target=_blank class="btn btn-md p-0"
                                                                    data-bs-toggle="tooltip" title="{{ __('Preview') }}">
                                                                    <h5 class="text-success">
                                                                        {{ __('Preview Attachment') }}
                                                                        <i class="ti ti-arrow-up-right"></i>
                                                                    </h5>
                                                                </a>
                                                            @else
                                                                @if ($field->type == 'textarea')
                                                                    <div class="description-container"
                                                                        data-key="{{ $key }}">
                                                                        <h5 class="text-success shortDescription"
                                                                            id="shortDescription{{ $key }}">
                                                                            {{ \Illuminate\Support\Str::limit(!empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-', 40) }}
                                                                        </h5>
                                                                        <h5 class="text-success fullDescription"
                                                                            style="display: none;">
                                                                            {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                        </h5>
                                                                    </div>
                                                                @else
                                                                    <h5 class="text-success">
                                                                        {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                    </h5>
                                                                @endif
                                                            @endif
                                                        </div>
                                                    @elseif($key % 4 === 1)
                                                        <div
                                                            class="theme-avtar bg-info badge {{ $field->type == 'textarea' && !empty($deal->customField[$field->id]) ? 'mt-2' : '' }}">
                                                            <i class="ti ti-circle-plus"></i>
                                                        </div>
                                                        <div class="ms-2">
                                                            <strong>{{ Str::ucfirst($field->name) }}</strong><br>
                                                            @if ($field->type == 'attachment')
                                                                <a href="{{ !empty($deal->customField[$field->id]) ? get_file($deal->customField[$field->id]) : get_file('packages/workdo/Lead/src/Resources/assets/upload/default-img.png') }}"
                                                                    target=_blank class="btn btn-md p-0"
                                                                    data-bs-toggle="tooltip" title="{{ __('Preview') }}">
                                                                    <h5 class="text-info">{{ __('Preview Attachment') }}
                                                                        <i class="ti ti-arrow-up-right"></i>
                                                                    </h5>
                                                                </a>
                                                            @else
                                                                @if ($field->type == 'textarea')
                                                                    <div class="description-container"
                                                                        data-key="{{ $key }}">
                                                                        <h5 class="text-info shortDescription"
                                                                            id="shortDescription{{ $key }}">
                                                                            {{ \Illuminate\Support\Str::limit(!empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-', 40) }}
                                                                        </h5>
                                                                        <h5 class="text-info fullDescription"
                                                                            style="display: none;">
                                                                            {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                        </h5>
                                                                    </div>
                                                                @else
                                                                    <h5 class="text-info">
                                                                        {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                    </h5>
                                                                @endif
                                                            @endif
                                                        </div>
                                                    @elseif($key % 4 === 2)
                                                        <div
                                                            class="theme-avtar bg-warning badge {{ $field->type == 'textarea' && !empty($deal->customField[$field->id]) ? 'mt-2' : '' }}">
                                                            <i class="ti ti-circle-plus"></i>
                                                        </div>
                                                        <div class="ms-2">
                                                            <strong>{{ Str::ucfirst($field->name) }}</strong><br>
                                                            @if ($field->type == 'attachment')
                                                                <a href="{{ !empty($deal->customField[$field->id]) ? get_file($deal->customField[$field->id]) : get_file('packages/workdo/Lead/src/Resources/assets/upload/default-img.png') }}"
                                                                    target=_blank class="btn btn-md p-0"
                                                                    data-bs-toggle="tooltip" title="{{ __('Preview') }}">
                                                                    <h5 class="text-warning">
                                                                        {{ __('Preview Attachment') }}
                                                                        <i class="ti ti-arrow-up-right"></i>
                                                                    </h5>
                                                                </a>
                                                            @else
                                                                @if ($field->type == 'textarea')
                                                                    <div class="description-container"
                                                                        data-key="{{ $key }}">
                                                                        <h5 class="text-warning shortDescription"
                                                                            id="shortDescription{{ $key }}">
                                                                            {{ \Illuminate\Support\Str::limit(!empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-', 40) }}
                                                                        </h5>
                                                                        <h5 class="text-warning fullDescription"
                                                                            style="display: none;">
                                                                            {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                        </h5>
                                                                    </div>
                                                                @else
                                                                    <h5 class="text-warning">
                                                                        {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                    </h5>
                                                                @endif
                                                            @endif
                                                        </div>
                                                    @elseif($key % 4 === 3)
                                                        <div
                                                            class="theme-avtar bg-danger badge {{ $field->type == 'textarea' && !empty($deal->customField[$field->id]) ? 'mt-2' : '' }}">
                                                            <i class="ti ti-circle-plus"></i>
                                                        </div>
                                                        <div class="ms-2">
                                                            <strong>{{ Str::ucfirst($field->name) }}</strong><br>
                                                            @if ($field->type == 'attachment')
                                                                <a href="{{ !empty($deal->customField[$field->id]) ? get_file($deal->customField[$field->id]) : get_file('packages/workdo/Lead/src/Resources/assets/upload/default-img.png') }}"
                                                                    target=_blank class="btn btn-md p-0"
                                                                    data-bs-toggle="tooltip"
                                                                    title="{{ __('Preview Attachment') }}">
                                                                    <h5 class="text-danger">{{ __('Preview Attachment') }}
                                                                        <i class="ti ti-arrow-up-right"></i>
                                                                    </h5>
                                                                </a>
                                                            @else
                                                                @if ($field->type == 'textarea')
                                                                    <div class="description-container"
                                                                        data-key="{{ $key }}">
                                                                        <h5 class="text-danger shortDescription"
                                                                            id="shortDescription{{ $key }}">
                                                                            {{ \Illuminate\Support\Str::limit(!empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-', 40) }}
                                                                        </h5>
                                                                        <h5 class="text-danger fullDescription"
                                                                            style="display: none;">
                                                                            {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                        </h5>
                                                                    </div>
                                                                @else
                                                                    <h5 class="text-danger">
                                                                        {{ !empty($deal->customField[$field->id]) ? $deal->customField[$field->id] : '-' }}
                                                                    </h5>
                                                                @endif
                                                            @endif
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>