@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.log-sms-all') }}" class="btn btn-primary">
                            <i class="fa fa-arrow-left"></i>Back To Log
                        </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>Type</th>
                                <th>Message</th>
                                <th>Created At</th>
                                <th>Updated At</th>
                                <th>

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

                            {!! Form::open(['route' => 'admin.log-sms', '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 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') }}"
                                       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($paginatedMessages as $message)
                                <tr>
                                    <td>{{ $message['id'] }}</td>
                                    <td>{{ \App\Models\MessageTemplate::query()->where('id',$message['template_id'])->first()->title}}</td>
                                    <td>{{ $message['provider'] }}</td>
                                    <td>{{ ucfirst($message['type']) }}</td>
                                    <td>{{ $message['message'] }}</td>
                                    <td>{{ $message['created_at'] }}</td>
                                    <td>{{ $message['updated_at'] }}</td>
                                    <td></td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center">@lang("No Log Founded....!")</td>
                                </tr>
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="8">
                                    {{ $paginatedMessages->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