@extends('layouts.admin')

@section('page-title')
    {{ __(' Notes') }}
@endsection

@section('links')
    @if (\Auth::guard('client')->check())
        <li class="breadcrumb-item"><a href="{{ route('client.home') }}">{{ __('Home') }}</a></li>
    @else
        <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
    @endif
    <li class="breadcrumb-item"> {{ __('Notes') }}</li>
@endsection

@section('action-button')
    @auth('web')
        <a href="#" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ __('Create') }}" data-ajax-popup="true"
            data-size="lg" data-title="{{ __('Create Note') }}" data-url="{{ route('note.create', $currentWorkspace->slug) }}">
            <i class="ti ti-plus"></i>
        </a>
    @endauth
@endsection

@push('css-page')
    <link rel="stylesheet" href="{{ asset('assets/custom/libs/summernote/summernote-bs4.css') }}">
@endpush

@section('content')

    @if ($currentWorkspace)
        <div class="row justify-content-between align-items-center mb-3">
            <div
                class="col-xl-5 col-lg-4 col-md-12 d-flex align-items-center justify-content-between justify-content-md-start">
                <div class="d-inline-block">
                    <h5 class="h4 d-inline-block font-weight-400">{{ __('Personal Notes') }}</h5>
                </div>
            </div>
        </div>
        <section class="section">
            @if (count($personal_notes) > 0)
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row notes-list">
                            @foreach ($personal_notes as $note)
                                <div class="col-md-4">
                                    <div class="card ">
                                        <div class="{{ $note->color }} note_color_dot px-1"></div>
                                        <div class="card-header">
                                            <h5 class="">{{ $note->title }}</h5>
                                            <div class="card-header-right">
                                                <div class="btn-group card-option">
                                                    <button type="button" class="btn dropdown-toggle"
                                                        data-bs-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                        <i class="feather icon-more-vertical"></i>
                                                    </button>
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        <a href="#" class="dropdown-item" data-ajax-popup="true"
                                                            data-size="lg" data-title="{{ __('Update Note') }}"
                                                            data-url="{{ route('notes.edit', [$currentWorkspace->slug, $note->id]) }}">
                                                            <i class="ti ti-pencil"></i> <span>{{ __('Edit') }}</span>
                                                        </a>
                                                        <a href="#" class="dropdown-item bs-pass-para"
                                                            data-confirm="{{ __('Are You Sure?') }}"
                                                            data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                            data-confirm-yes="delete-form-{{ $note->id }}">
                                                            <i class="ti ti-trash"></i> <span>{{ __('Delete') }}</span>
                                                        </a>
                                                        <form id="delete-form-{{ $note->id }}"
                                                            action="{{ route('notes.destroy', [$currentWorkspace->slug, $note->id]) }}"
                                                            method="POST" style="display: none;">
                                                            @csrf
                                                            @method('DELETE')
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body" style=" height: 210px !important;">
                                            <div class="scrollText note-text ">
                                                {!! $note->text !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @else
                <div class="card">
                    <div class="card-body p-4">
                        <div class="page-error">
                            <div class="page-inner">
                                <div class="page-description">
                                    {{ __('No Personal Notes available') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </section>

        <div class="row justify-content-between align-items-center mb-3">
            <div
                class="col-xl-5 col-lg-4 col-md-12 d-flex align-items-center justify-content-between justify-content-md-start">
                <div class="d-inline-block">
                    <h5 class="h4 d-inline-block font-weight-400">{{ __('Shared Notes') }}</h5>
                </div>
            </div>
        </div>
        <section class="section">
            @if (count($shared_notes) > 0)
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row notes-list">
                            @foreach ($shared_notes as $note)
                                <div class="col-md-4">
                                    <div class="card  ">
                                        <div class="{{ $note->color }} note_color_dot px-1"></div>
                                        <div class="card-header">
                                            <h5 class="">{{ $note->title }}</h5>
                                            <div class="card-header-right">
                                                <div class="btn-group card-option">
                                                    <button type="button" class="btn dropdown-toggle"
                                                        data-bs-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                        <i class="feather icon-more-vertical"></i>
                                                    </button>
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        <a href="#" class="dropdown-item" data-ajax-popup="true"
                                                            data-size="lg" data-title="{{ __('Update Note') }}"
                                                            data-url="{{ route('notes.edit', [$currentWorkspace->slug, $note->id]) }}">
                                                            <i class="ti ti-pencil"></i> <span>{{ __('Edit') }}</span>
                                                        </a>
                                                        <a href="#" class="dropdown-item bs-pass-para"
                                                            data-confirm="{{ __('Are You Sure?') }}"
                                                            data-text="{{ __('This action can not be undone. Do you want to continue?') }}"
                                                            data-confirm-yes="delete-form-{{ $note->id }}">
                                                            <i class="ti ti-trash"></i> <span>{{ __('Delete') }}</span>
                                                        </a>
                                                        <form id="delete-form-{{ $note->id }}"
                                                            action="{{ route('notes.destroy', [$currentWorkspace->slug, $note->id]) }}"
                                                            method="POST" style="display: none;">
                                                            @csrf
                                                            @method('DELETE')
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body p-4" style=" height: 210px !important;">
                                            <div class="note-text scrollText">
                                                {!! $note->text !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @else
                <div class="card">
                    <div class="card-body p-4">
                        <div class="page-error">
                            <div class="page-inner">
                                <div class="page-description">
                                    {{ __('No Shared Notes available') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </section>
    @else
        <div class="container mt-5">
            <div class="card">
                <div class="card-body p-4">
                    <div class="page-error">
                        <div class="page-inner">
                            <h1>404</h1>
                            <div class="page-description">
                                {{ __('Page Not Found') }}
                            </div>
                            <div class="page-search">
                                <p class="text-muted mt-3">
                                    {{ __("It's looking like you may have taken a wrong turn. Don't worry... it happens to the best of us. Here's a little tip that might help you get back on track.") }}
                                </p>
                                <div class="mt-3">
                                    <a class="btn-return-home badge-blue" href="{{ route('home') }}"><i
                                            class="fas fa-reply"></i> {{ __('Return Home') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection

@push('scripts')
    <script>
        $(document).on('click', 'input[name="type"]', function() {
            var type = $('input[name="type"]:checked').val();

            if (type == 'shared') {
                $('.assign_to_selection').show();
            } else {
                $('.assign_to_selection').hide();
            }
        });

        $(document).ready(function() {
            if ($(".scrollText").length) {
                $(".scrollText").css({
                    // "max-height": 300
                }).niceScroll();
            }
        });
    </script>
@endpush