@extends('User/layout/app')
@section('content')
    <div class="container-fluid">
        <!--  Row 1 -->
        <div class="row justify-content-end mb-4">
            @if (Auth::user()->user_role == 'Admin')
                <div class="row justify-content-end mb-4">
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example" id="selectTLM"
                            name="selectTLM" onchange="getSLMDAta();">
                            <option value="" selected Default>Select TLM</option>
                            @foreach ($tlmList as $TLM)
                                <option value="{{ $TLM->position_code }}">{{ $TLM->employee_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSLM" name="selectSLM" onchange="getFLMDAta();">
                            <option value="" selected Default>Select SLM</option>
                        </select>
                    </div>
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectFLM" name="selectFLM" onchange="getSODAta();">
                            <option value="" selected Default>Select PS</option>
                        </select>
                    </div>

                    {{-- <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSO" name="selectSO">
                            <option value="" selected Default>Select SO</option>
                        </select>
                    </div> --}}
                @elseif (Auth::user()->user_role == 'TLM')
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSLM" name="selectSLM" onchange="getFLMDAta();">
                            <option value="" selected Default>Select SLM</option>
                            @foreach ($slmList as $SLM)
                                <option value="{{ $SLM->position_code }}">{{ $SLM->employee_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectFLM" name="selectFLM" onchange="getSODAta();">
                            <option value="" selected Default>Select PS</option>
                        </select>
                    </div>

                    {{-- <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSO" name="selectSO">
                            <option value="" selected Default>Select SO</option>
                        </select>
                    </div> --}}
                @elseif (Auth::user()->user_role == 'SLM')
                    <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectFLM" name="selectFLM" onchange="getSODAta();">
                            <option value="" selected Default>Select PS</option>
                            @foreach ($flmList as $FLM)
                                <option value="{{ $FLM->position_code }}">{{ $FLM->employee_name }}</option>
                            @endforeach
                        </select>
                    </div>

                    {{-- <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSO" name="selectSO">
                            <option value="" selected Default>Select SO</option>
                        </select>
                    </div> --}}
                @elseif (Auth::user()->user_role == 'FLM')
                    {{-- <div class="col-lg-auto  col-md-6 col-sm-6">
                        <select class="form-select js-example-basic-single" aria-label="Default select example"
                            id="selectSO" name="selectSO">
                            <option value="" selected Default>Select SO</option>
                            @foreach ($soList as $SO)
                                <option value="{{ $SO->position_code }}">{{ $SO->employee_name }}</option>
                            @endforeach
                        </select>
                    </div> --}}
            @endif
            <div class="col-lg-auto  col-md-6 col-sm-6">
                <select class="form-select js-example-basic-single" aria-label="Default select example" id="selectStatus"
                    name="selectStatus">
                    <option value="" selected Default>Status</option>
                    <option value="Sent">Sent</option>
                    <option value="NotSent">Not Sent</option>

                </select>
            </div>

            <div class="col-lg-auto  col-md-6 col-sm-auto">
                <div class="d-flex align-items-center">
                    <button type="submit" id="applyfilter"><a href="javascript:void(0)" class="btn btn-primary ms-2"><i
                                class="fa fa-search"></i></a></button>
                    <button type="submit" id="clearfilter"><a href="javascript:void(0)" class="btn btn-danger ms-2"><i
                                class="fa fa-times"></i></a></button>
                </div>
            </div>

        </div>



        <div class="row">
            <div class="col-12">
                <div class="white_table">
                    <table class="table table-striped datatable" style="width:100%">
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Mobile Number</th>
                                <th>Sent To</th>
                                <th>SMS Template</th>
                                <th>Status</th>
                                <th>Date And Time</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>



@endsection


@section('js')
    <script>
         function getSLMDAta() {
            $.ajax({
                url: "{{ url('/get-parent-data') }}",
                type: "POST",
                data: {
                    ParentPossionCode: $('#selectTLM option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#selectSLM').html('<option value="">Select SLM</option>');
                    $.each(result.parent, function(key, value) {
                        $("#selectSLM").append('<option value="' + value.position_code + '">' + value
                            .employee_name + '</option>');
                    });
                    $('#selectFLM').html('<option value="">Select PS</option>');
                    $('#selectSO').html('<option value="">Select SO</option>');
                }
            })
        }

        function getFLMDAta() {
            $.ajax({
                url: "{{ url('/get-parent-data') }}",
                type: "POST",
                data: {
                    ParentPossionCode: $('#selectSLM option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#selectFLM').html('<option value="">Select PS</option>');
                    $.each(result.parent, function(key, value) {
                        $("#selectFLM").append('<option value="' + value.position_code + '">' + value
                            .employee_name + '</option>');
                    });
                    $('#selectSO').html('<option value="">Select SO</option>');
                }
            })
        }

        function getSODAta() {
            $.ajax({
                url: "{{ url('/get-parent-data') }}",
                type: "POST",
                data: {
                    ParentPossionCode: $('#selectFLM option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#selectSO').html('<option value="">Select SO</option>');
                    $.each(result.parent, function(key, value) {
                        $("#selectSO").append('<option value="' + value.position_code + '">' + value
                            .employee_name + '</option>');
                    });
                }
            })
        }

        function status(id) {
            $.ajax({
                url: "{{ route('ChangeEnrolledDoctorStatus') }}",
                type: 'POST',
                data: {
                    'id': id,
                    '_token': "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(response, textStatus, xhr) {
                    if (response.status == 1) {
                        $.notify(response.msg, "success");
                    } else
                        $.notify(response.msg, "error");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $.notify(jqXHR.responseJSON.message, "error");
                }
            });
        }


        $(document).ready(function() {
            filterData();

            $('#applyfilter').click(function() {
                filterData();
            });

            $('#clearfilter').click(function() {
                window.location.reload();
            });

            function filterData() {
                var i = 1;
                var table = $('.table').DataTable({
                    scrollX: true,
                    destroy: true,
                    processing: true,
                    serverSide: true,
                    responsive: true,
                    autoWidth: false,
                    language: {
                        searchPlaceholder: "Search"
                    },
                    ajax: {
                        url: "{{ route('SMSLogsPaginate') }}",
                        data: function(d) {
                            _token: "{{ csrf_token() }}";
                            d.selectStatus = $('#selectStatus option:selected').val();
                            d.selectTLM = $('#selectTLM option:selected').val();
                            d.selectSLM = $('#selectSLM option:selected').val();
                            d.selectFLM = $('#selectFLM option:selected').val();
                            d.selectSO = $('#selectSO option:selected').val();
                        },
                    },
                    "drawCallback": function(settings) {
                        new VenoBox({
                            selector: ".venobox_img",
                            numeration: true,
                            infinigall: true,
                            share: true,
                            spinner: 'plane'
                        });
                    },
                    columns: [{
                            data: 'DT_RowIndex',
                            name: 'DT_RowIndex',
                            orderable: false,
                            searchable: false
                        },
                        {
                            data: 'mobile_no',
                            orderable: false,
                            searchable: false
                        },
                        {
                            data: 'employee_name',
                            orderable: false,
                            searchable: true
                        },
                        {
                            data: 'sms_template',
                            orderable: false,
                            searchable: true
                        },
                        {
                            data: 'sms_status',
                            orderable: false,
                            searchable: true
                        },
                        {
                            data: 'created_at',
                            orderable: false,
                            searchable: true
                        },

                    ],
                    columnDefs: [{
                        "aTargets": [1, 2, 3, 4, 5],
                        "mRender": function(data, type, full) {
                            if (data != null) {
                                return data;
                            } else {
                                return '-';
                            }
                        },
                    }, ],

                });

            }




            function refreshDataTable() {
                $('.table').DataTable().ajax.reload();
            }
        });
    </script>
@endsection