@extends('layouts.dashboard.app')

@section('content')

    <div class="content-wrapper">

        <section class="content-header">

            <h1>@lang('site.integrations') <small>({{ $integrations->total() }})</small> </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.integrations')</li>
            </ol>

        </section>

        <section class="content">

            <div class="box box-primary">

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

                    <h3 class="box-title" style="margin-bottom: 15px"></h3>

                    <form action="{{ route('dashboard.integrations.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-md-4">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa fa-search"></i> @lang('site.search')
                                </button>
                                @if (auth()->user()->hasPermission('create_integrations'))
                                    <a href="{{ route('dashboard.integrations.create') }}" class="btn btn-primary">
                                        <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">

                    @if ($integrations->count() > 0)

                        <table class="table table-hover">

                            <thead>
                            <tr>
                                <th>#</th>
                                <th>@lang('site.name')</th>
                                <th>@lang('site.dbName')</th>
                                <th>@lang('site.status')</th>
                                <th>@lang('site.action')</th>
                            </tr>
                            </thead>

                            <tbody>

                            @foreach ($integrations as $index=>$integration)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $integration->erp_name }}</td>
                                    <td>{{ $integration->db_name }}</td>
                                    <td>
                                        @if (auth()->user()->hasPermission('update_integrations'))
                                            <label class="switch">
                                                <input type="checkbox" class="configStatus"
                                                       id="{{$integration->id}}" {{ $integration->is_selected == 1?"checked":""}}
                                                       data-url="{{ route('dashboard.integrations.status') }}"
                                                       data-token="{{ csrf_token() }}"
                                                ><span class="slider round"/>
                                            </label>
                                        @else
                                            <a href="#" class="btn btn-info btn-sm disabled"><i
                                                    class="fa fa-edit"></i> @lang('site.edit')</a>
                                        @endif
                                    </td>
                                    <td>
                                        @if (auth()->user()->hasPermission('update_integrations'))
                                            <a href="{{ route('dashboard.integrations.edit', $integration->id) }}"
                                               class="btn btn-info btn-sm"><i class="fa fa-edit"></i> @lang('site.edit')
                                            </a>
                                        @endif
                                        @if (auth()->user()->hasPermission('delete_integrations'))
                                            <form action="{{ route('dashboard.integrations.destroy', $integration->id) }}"
                                                  method="post" style="display: inline-block">
                                                {{ csrf_field() }}
                                                {{ method_field('delete') }}
                                                <button type="submit" class="btn btn-danger delete btn-sm"><i
                                                        class="fa fa-trash"></i> @lang('site.delete')</button>
                                            </form><!-- end of form -->
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table><!-- end of table -->
                        {{ $integrations->appends(request()->query())->links() }}
                    @else
                        <h2>@lang('site.no_data_found')</h2>
                    @endif

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

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

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

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


@endsection


@push('scripts')

    <script>
        $(document).on('click', '.configStatus', function (e) {
            e.preventDefault();
            $('.errors').hide();
            $('.errors').empty();
            //let url = "configurations/configStatus";
            let url = $(this).data('url');
            let token = $(this).data('token');
            let integration_id = $(this).attr('id');
            let enabled = $(this).is(':checked') ? 1 : 0;

            let data = new FormData();
            data.append('enabled', enabled);
            data.append('integration_id', integration_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);
                    });

                }
            });
        });

    </script>

@endpush