@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/css/select2.min.css" rel="stylesheet" type="text/css"
          media="all"/>
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.2.3/dist/select2-bootstrap4.min.css">
    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
        rel="stylesheet" type="text/css"/>
@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-list font-green"></i>
                        <span class="caption-subject font-green bold uppercase">@lang("constants.message_templates")</span>
                    </div>
                    <div class="actions">
                        <a href="{{ route('admin.log-sms',['delete'=> 'DELETESMSLOG']) }}" class="btn btn-danger">
                            <i class="fa fa-file"></i>Delete Log sub 7 Days !
                        </a>

                        <a href="{{route('admin.message_template_view')}}" class="btn btn-primary">
                            <i class='fa fa-send'>ارسال نموذج </i>
                        </a>

                        <a href="{{ route('admin.message_templates.create') }}" class="btn btn-primary">
                            <i class="fa fa-plus"></i> إنشاء نموذج رسالة
                        </a>


                    </div>
                </div>
                <div class="portlet-body">
                    <div class="d-flex flex-wrap">

                    </div>
                    <div class="table-scrollable">
                        <table class="table table-hover" >
                            <thead >
                            <tr >
{{--                                <th>Log ID</th>--}}
                                <th>Template Title</th>
                                <th>Provider</th>
                                <th>Send To</th>
                                <th>Status</th>
                                <th>Message Sent Count</th>
                                <th>Message Failed Count</th>
                                <th>Created At</th>
{{--                                <th>Updated At</th>--}}
                                <th>

                                </th>
                            </tr>
                            </thead>
                            <tbody>

                            {!! Form::open(['route' => 'admin.log-sms-all', 'method' => 'get']) !!}
                            <tr>
{{--                                <td></td>--}}
                                <td>
                                    {{ Form::select("title", \App\Models\MessageTemplate::query()->pluck('title','id')->toArray()??[], Request::get("title", null), ['class' => 'form-control form-filter input-sm', 'placeholder' => 'Select Message template']) }}
                                </td>
                                <td>
                                    {{ Form::select("provider", config('ihouse.sms_provider')??[], Request::get("provider", null), ['class' => 'form-control form-filter input-sm', 'placeholder' => 'Select Provider']) }}
                                </td>
                                <td>
{{--                                    {{ Form::select("type", ['success' => 'Success', 'fail' => 'Fail'], Request::get("type", null), ['class' => 'form-control form-filter input-sm', 'placeholder' => 'Select Status']) }}--}}
                                </td>
                                <td>
{{--                                    {{ Form::select("type", ['success' => 'Success', 'fail' => 'Fail'], Request::get("type", null), ['class' => 'form-control form-filter input-sm', 'placeholder' => 'Select Status']) }}--}}
                                </td>
                                <td>
{{--                                    {{ Form::select("type", ['success' => 'Success', 'fail' => 'Fail'], Request::get("type", null), ['class' => 'form-control form-filter input-sm', 'placeholder' => 'Select Status']) }}--}}
                                </td>
                                <td>
{{--                                    {{ Form::text("customer", Request::get("customer", null), ['class' => "form-control form-filter input-sm", 'placeholder' => 'Search by customer name or mobile']) }}--}}

                                </td>
                                <td></td>
{{--                                <td></td>--}}
                                <td>
                                    <a href="{{ route('admin.log-sms-all') }}"
                                       class="btn btn-sm btn-info filter-submit margin-bottom">
                                        <i class="fa fa-refresh"></i> Reset
                                    </a>
                                    <button type="submit" class="btn btn-sm btn-success filter-submit margin-bottom">
                                        <i class="fa fa-search"></i> Search
                                    </button>
                                </td>
                            </tr>
                            {!! Form::close() !!}

                            @forelse($logs as $message)
                                <tr >
{{--                                    <td>{{ \Illuminate\Support\Str::uuid() }}</td>--}}
                                    <td>{{ \App\Models\MessageTemplate::query()->where('id',$message->template_id)->first()->title }}</td>
                                    <td>{{ $message->provider }}</td>
                                    <td>{{ $message->send_to }}</td>
                                    <td style="
                                        background:
                                            @if($message->status == 'completed') #00bc00
                                            @elseif($message->status == 'processing') #ffcc00
                                            @elseif($message->status == 'pending') #007bff
                                            @elseif($message->status == 'failed') #ff0000
                                            @else #ccc
                                            @endif;
                                        color: white;
                                        text-align: center;
                                        padding: 5px;
                                        font-weight: bold;
                                    ">
                                        {{ ucfirst($message->status) }}
                                    </td>
                                    <td style="text-align: center">{{ $message->messages_sent }}</td>

                                    <td style="text-align: center">{{ $message->failed_messages }}</td>
                                    <td>{{ $message->created_at }}</td>
                                    <td>
                                        {!! Form::open(['route' => ["admin.log-sms-all"], 'method' => "get"]) !!}
                                        {{ Form::hidden('id', $message->id) }}
                                        {{ Form::hidden('type', 'delete') }}

{{--                                        <a href="{{ route('admin.log-sms-all', ['id' => $message->id]) }}"--}}
{{--                                           class="btn btn-outline btn-sm purple" title="Edit">--}}
{{--                                            <i class="fa fa-edit"></i> @lang("constants.edit")--}}
{{--                                        </a>--}}
                                        <a href="{{ route('admin.log-sms',['id'=> $message->id]) }}" class="btn btn-outline btn-sm purple">
                                            <i class="fa fa-file"></i>show log .!
                                        </a>

                                        <button onclick="return confirm('Are you sure?')" type="submit"
                                                class="btn btn-outline btn-sm red" title="Delete">
                                            <i class="fa fa-trash"></i> @lang("constants.delete")
                                        </button>

                                        {!! Form::close() !!}

                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center">@lang("No Log Founded....!")</td>
                                </tr>
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="8">
                                    {{ $logs->links() }}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection
@section("scripts")
    <script
        src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.js"
        type="text/javascript"></script>

    <script src="https://cdn.ihouse.ps/js/select2.min.js"></script>

{{--    <script>--}}
{{--        $(document).ready(function () {--}}

{{--            let Url = '{{route('admin.get-customer')}}'--}}
{{--            let placeholder = 'البحث بواسطة الاسم او رقم الهوية'--}}

{{--            $('#customer').select2({--}}

{{--                placeholder: placeholder,--}}
{{--                minimumInputLength: 2,--}}
{{--                ajax: {--}}
{{--                    type: 'POST',--}}
{{--                    url: Url,--}}
{{--                    dataType: 'json',--}}
{{--                    data: function (params) {--}}
{{--                        return {--}}
{{--                            q: $.trim(params.term),--}}
{{--                        };--}}
{{--                    },--}}
{{--                    processResults: function (data) {--}}
{{--                        return {--}}
{{--                            results: data--}}
{{--                        };--}}
{{--                    },--}}
{{--                    cache: true--}}
{{--                }--}}
{{--            });--}}
{{--        })--}}

{{--    </script>--}}
{{--    @include("admin.layouts.update_attribute")--}}

@endsection