@extends('layouts.dashboard.app')

@section('content')

    <div class="content-wrapper">

        <section class="content-header">

            <h1>@lang('site.workflows')</h1>

            <ol class="breadcrumb">
                <li>
                    <a href="{{ route('dashboard.welcome') }}">
                        <i class="fa fa-dashboard"></i> @lang('site.dashboard')
                    </a>
                </li>
                <li class="active">@lang('site.workflows')</li>
            </ol>
        </section>

        <section class="content">
            <div class="row">
                <div class="col-md-8">
                    <div class="box box-primary">

                        <div class="box-header with-border">

{{--                            <h3 class="box-title" style="margin-bottom: 50px">--}}
{{--                                @lang('site.workflows')--}}
{{--                                <small>{{ $workflows->total() }}</small>--}}
{{--                                --}}
{{--                            </h3>--}}

                            <form action="{{ route('dashboard.workflows.index') }}" method="get">
                                <div class="row">

{{--                                    <div class="col-md-4">--}}
{{--                                        <input type="text" name="search" class="form-control"--}}
{{--                                               placeholder="@lang('site.search')"--}}
{{--                                               value="{{ request()->search }}">--}}
{{--                                    </div>--}}


                                    <div class="col-sm-12">
                                        <H4 style="display: inline"><strong>@lang('site.modules')</strong></H4>
{{--                                        <button type="submit" class="btn btn-primary">--}}
{{--                                            <i class="fa fa-search"></i> @lang('site.search')</button>--}}
                                        <label for="module">
                                            <select id="module" name="module" class="form-control" style="width: 200px"
                                                    data-url="{{ route('dashboard.workflows.details') }}"
                                                    data-token="{{ csrf_token() }}"
                                                    data-module="default">
                                                @foreach ((new App\Models\Workflow)->getAllWorkFlowsModule() as $index => $module)
                                                    <option value="{{ $module }}" {{ $index == 0 ? 'selected' : '' }}>@lang('site.'.$module)</option>
                                                @endforeach
                                            </select>
                                        </label>

                                        @if (auth()->user()->hasPermission('create_workflows'))
                                            <a href="{{ route('dashboard.workflows.create') }}" class="btn btn-primary"><i
                                                    class="fa fa-plus"></i> @lang('site.add')</a>
                                        @else
                                            <a href="#" class="btn btn-primary disabled"><i
                                                    class="fa fa-plus"></i> @lang('site.add')</a>
                                        @endif

                                    </div>

                                </div>
                            </form><!-- end of form -->

                        </div><!-- end of box header -->

                        <div class="box-body">

                            <div style="display: none; flex-direction: column; align-items: center;" id="loading">
                                <div class="loader"></div>
                                <p style="margin-top: 10px">@lang('site.loading')</p>
                            </div>

                            <div id="workflow-details-list">
                                @include('dashboard.workflows._details')
                            </div><!-- end of order product list -->

                        </div><!-- end of box body -->

                    </div><!-- end of box -->
                </div>
            </div>
        </section><!-- end of content -->

    </div><!-- end of content wrapper -->


@endsection


@push('scripts')

    <script>

        $("#module").change(function() {

            $('.errors').hide().empty();

            $('#loading').css('display', 'flex');

            let url = $(this).data('url');
            let module = $(this).find(':selected').val();
            let token = $(this).data('token');

            let data = new FormData();
            data.append('module', module);
            data.append('_token', token);

            $.ajax({
                url: url,
                data: data,
                method: "POST",
                processData: false,
                contentType: false,
                cache: false,
                enctype: 'multipart/form-data',
                success: function (response) {
                    $('#loading').css('display', 'none');
                    $('#workflow-details-list').empty();
                    $('#workflow-details-list').append(response);
                    // window.location.reload();
                },
                error: function (xhr, status, error) {
                    $('.errors').show();
                    let errors = JSON.parse(xhr.responseText)['errors'];

                    $.each(errors, function (key, val) {
                        let html = '<p class="mb-0">' + val[0] + '</p>';
                        $('.errors').append(html);
                    });

                }
            })

        });

        $(document).on('click', '.workStatus', function (e) {

            e.preventDefault();
            $('.errors').hide().empty();

            let url = $(this).data('url');
            let token = $(this).data('token');
            let work_id = $(this).attr('id');
            let enabled = $(this).is(':checked') ? 1 : 0;


            let data = new FormData();
            data.append('enabled', enabled);
            data.append('work_id', work_id);
            data.append('_token', token);
            //console.log(data);

            $.ajax({
                url: url,
                data: data,
                method: "POST",
                processData: false,
                contentType: false,
                cache: false,
                enctype: 'multipart/form-data',
                success: function (response) {

                    window.location.reload();

                },
                error: function (xhr, status, error) {
                    $('.errors').show();
                    let errors = JSON.parse(xhr.responseText)['errors'];

                    $.each(errors, function (key, val) {
                        let html = '<p class="mb-0">' + val[0] + '</p>';
                        $('.errors').append(html);
                    });

                }
            });//end of ajax call

        });

    </script>

@endpush