@include('new_layouts.header')
<link rel="stylesheet" href="{{asset('css/summernote/summernote-lite.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/plugins/dropzone.min.css')}}">
<style>
    i.ti.ti-pencil,i.ti.ti-plus{
        color:#FFF !important;
    }
    .bg-danger{
        background: unset !important;
    }
    .bg-info{
        background: unset !important;
    }
   
    i.ti.ti-trash.text-white {
        color: black !important;
        background: unset !important;
    }
    ul {
        list-style-type: none;
    }
    a#edit {
        color:black !important;
    }
</style>
@php
    $profile=\App\Models\Utility::get_file('uploads/avatar/');
@endphp
<div class="page-wrapper">
    @include('crm.side-menu', ['hrm_header' => 'Manage Deals - Sales'])

	<div class="float-end">
        @can('convert deal to deal')
            @if(!empty($deal))
                <a href="@can('View Deal')
                @if($deal->is_active) {{route('deals.show',$deal->id)}} @else # @endif
                @else # @endcan"
                    data-size="lg" data-bs-toggle="tooltip" title=" {{__('Already Converted To Deal')}}"
                    class="btn btn-sm btn-primary">
                    <i class="ti ti-exchange"></i>
                </a>
            @else
                <a href="#" data-size="lg" data-url="{{ URL::to('deals/'.$deal->id.'/show_convert') }}"
                    data-bs-toggle="tooltip" title="{{__('Convert ['.$deal->subject.'] To Deal')}}"
                    class="btn btn-sm btn-primary">
                    <i class="ti ti-exchange"></i>
                </a>
            @endif
        @endcan
        <a href="#" data-url="{{ URL::to('deals/'.$deal->id.'/labels') }}"
             data-ajax-popup="true" data-size="lg" data-bs-toggle="tooltip"
             title="{{__('Label')}}" class="btn btn-sm btn-primary">
            <i class="ti ti-bookmark"></i>
        </a>
        <a href="#" data-size="lg" data-url="{{ route('deals.edit',$deal->id) }}"
           data-ajax-popup="true" data-bs-toggle="tooltip"
           title="{{__('Edit')}}" class="btn btn-sm btn-primary">
            <i class="ti ti-pencil"></i>
        </a>
    </div>
    <br><br><br>

	<div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-xl-3">
                    <div class="card sticky-top" style="top:30px">
                        <div class="list-group list-group-flush" id="deal-sidenav">

                            <a href="#general" class="list-group-item list-group-item-action border-0">{{__('General')}}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>


                            <a href="#tasks" class="list-group-item list-group-item-action border-0">{{__('Task')}}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>


                            <a href="#users_products" class="list-group-item list-group-item-action border-0">
                                {{__('Users').' | '.__('Products')}}
                                <div class="float-end">
                                    <i class="ti ti-chevron-right"></i>
                                </div>
                            </a>


                            <a href="#sources_emails" class="list-group-item list-group-item-action border-0">
                                {{__('Sources').' | '.__('Emails')}}
                                <div class="float-end">
                                    <i class="ti ti-chevron-right"></i>
                                </div>
                            </a>


                            <a href="#discussion_note" class="list-group-item list-group-item-action border-0">
                                {{__('Discussion').' | '.__('Notes')}}
                                <div class="float-end">
                                    <i class="ti ti-chevron-right"></i>
                                </div>
                            </a>


                            <a href="#files" class="list-group-item list-group-item-action border-0">{{__('Files')}}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>


                            <a href="#calls" class="list-group-item list-group-item-action border-0">{{__('Calls')}}
                                <div class="float-end"><i class="ti ti-chevron-right"></i></div>
                            </a>


                            <a href="#activity" class="list-group-item list-group-item-action border-0">
                                {{__('Activity')}}
                                <div class="float-end">
                                    <i class="ti ti-chevron-right"></i>
                                </div>
                            </a>


                        </div>
                    </div>
                </div>
                <div class="col-xl-9">