@extends('admin.layouts.app')

@section('styles')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
    <link href="{{ asset('build/assets/main.css') . '?v=' . env('APP_VERSION') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="{{ asset('web/assets/css/emojionearea.min.css') }}">
    <style>
        #app > .d-flex {
            min-height: calc(100vh - 220px);
        }
        #app textarea {
            min-height: 30px;
            height: auto !important;
        }
    </style>
@endsection

@section('content')
    <div class=" content-body default-height">
        <div class="container-fluid p-2">
            <div class="page-titles">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">@lang('admin.dashboard')</a></li>
                    <li class="breadcrumb-item"><a href="{{route('admin.reports.flows.index')}}">@lang('user.flows')</a></li>
                    <li class="breadcrumb-item active"><a href="javascript:void(0)">@lang('user.show')</a></li>
                </ol>
              </div>
            <div class="col-12">
                <div class="card mb-0">
                    <div class="card-header p-2">
                        <h4>@lang('user.flows')</h4>
                    </div>
                    <div class="card-body p-2">
                        <div id="app"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="module" src="{{ asset('build/assets/main.js') . '?v=' . env('APP_VERSION') }}"></script>
    <script type="text/javascript" src="{{ asset('web/assets/js/emojionearea.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.nav-control').trigger('click');
        });
    </script>
@endpush