@extends('web.layouts.app')
@section('content')
<div class="main-chat-container w-100 ml-md-5 overflow-hidden">
    <div class="p-3 p-lg-4 border-top mb-0 main-chat-container-in">
        @if (env('APP_PROJECT') != 'Rouaa' && env('APP_PROJECT') != 'Mora')
            @include('web.apps_menu')
        @endif
        @if (session('status'))
            <div class="alert alert-success" role="alert">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger" role="alert">
                {{ session('error') }}
            </div>
        @endif
        <div class="row">
            <div class="col-xl-12 col-lg-12">
                <div class="card">
                    <div class="card-header" style="display: flex;justify-content: space-between;">
                        <h4 class="card-title">@lang('user.flows')</h4>
                        <h4>
                            @can('flows-create')
                                <a href="{{ route('web.flows.create') }}" class="btn btn-primary shadow btn-xs sharp me-1">
                                    @lang('user.create_flow') <i class="fa fa-plus"></i></a>
                            @endcan
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-responsive-md ">
                                <thead>
                                    <tr>
                                        <th>@lang('user.name')</th>
                                        {{-- <th>@lang('user.description')</th> --}}
                                        <th>@lang('user.trigger_keywords')</th>
                                        <th>@lang('user.sent')</th>
                                        <th>@lang('user.completed')</th>
                                        <th>@lang('user.status')</th>
                                        <th>@lang('user.actions')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($flows as $flow)
                                    <tr>
                                        <td>{{ $flow->name }}</td>
                                        {{-- <td>{{ $flow->description }}</td> --}}
                                        <td>{{ str_replace(',', ', ',$flow->trigger_keywords) }}</td>
                                        <td>{{ $flow->sent_count }}</td>
                                        <td>{{ $flow->read_count }}</td>
                                        <td>
                                            <span class="badge  text-bg-{{ $flow->status == 1 ? 'success' : 'warning' }}">
                                                @if ($flow->status == 1)
                                                    @lang('user.active')
                                                @else
                                                    @lang('user.Inactive')
                                                @endif
                                            </span>
                                        </td>
                                        <td>
                                            <div class="d-flex">
                                                <a href="{{ route('web.flows.show', $flow->id) }}"
                                                    class="btn btn-success shadow btn-xs sharp me-1">
                                                    <i class="fa fa-project-diagram"></i></a>
                                                @can('flows-edit')
                                                    <a href="{{ route('web.flows.edit', $flow->id) }}"
                                                        class="btn btn-primary shadow btn-xs sharp me-1">
                                                        <i class="fa fa-pencil"></i></a>
                                                @endcan
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            {{ $flows->links('vendor.pagination.custom') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tab-form-pane main-chat-note fade show active" id="pills-note" role="tabpanel"
    aria-labelledby="pills-note-tab">
    <div class="px-4 ">
        <div class="note-sidebar">
            <div class="note-title">
                <h4>@lang('user.note')</h4>
            </div>
            <div class="note-content">
                <p>
                    @lang('notes.flow_note')
                </p>
            </div>
        </div>
    </div>
</div>
<!-- end  layout wrapper -->
@endsection