@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    {{-- <script type="text/javascript" src="{{ URL::asset('plugins/export/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/jszip.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/pdfmake.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('plugins/export/buttons.html5.min.js') }}"></script> --}}
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    {{-- <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/> --}}

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('Subscriptions / Contact us')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a>
                    </li>
                    <li>@lang('Subscription / Contact us')</li>
                </ul>

            </div>
        </div><!-- media -->
    </div><!-- pageheader -->

     {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'hospital_type_form'))!!}
    <div class='form-group d-flex align-items-center ml-5'>
        <div>
            {{ Form::label('hospitals', trans('messages.Hospitals')) }}
        </div>
        <div class='ml-4'>
            <select id='hospitals' class='select2' name='hospitals'>
                @if(!empty($hospitals))
                    {{-- <option value=''>@lang('messages.Select Hospitals')</option> --}}
                    @foreach($hospitals as $hsp)
                        <option value='{{$hsp->id}}'>{{$hsp->name}}</option>
                    @endforeach
                @else
                    <option value=''>@lang('messages.No Hospitals')</option>
                @endif
            </select>
        </div>

        <div style="padding-left:25px">
            {{ Form::label('type', trans('Type')) }}
        </div>
        <div class='ml-4'>
            <select id='type' class='select2' name='type'>
                        <option value='1'>Subscriptions</option>
                    <option value='2'>Contact us</option>
             
            </select>
        </div>
        {{-- <div class="form-group filter-line" style="margin-top:21px;">
                <button class="btn btn-primary mr5" type="submit" name="submit" title="@lang('messages.Filter')">@lang('messages.Filter')</button>
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/subscriptions/list') }}'">@lang('messages.Reset')</button> -->
     </div> --}}
    </div>
    {!!Form::close()!!} 

    <div class="content">
        <table id="subscription-table" class="table table-striped table-bordered responsive">
            <thead>
            <tr class="headings">
                <th>@lang('ID')</th>
                <th>@lang('Customer Name')</th>
                <th>@lang('Customer Email')</th>
                <th>@lang('Subscription Type')</th>
                <th>@lang('Subject')</th>
                <th>@lang('Description')</th>
                <th>@lang('Hospital Name')</th>
                <th>@lang('Department Name')</th>

            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <script>

$( document ).ready(function() {
    $('#hospitals').select2();
    $('#type').select2();
var blah= $("#hospitals").val();
var bleh= $("#type").val();
 fetchdata(blah,bleh);
});

$("#hospitals").change(function(){
   var blah= $("#hospitals").val();
   var bleh= $("#type").val();
  fetchdata(blah,bleh);
});
$("#type").change(function(){
   var blah= $("#hospitals").val();
   var bleh= $("#type").val();
  fetchdata(blah,bleh);
});



function fetchdata(value,val) {
        // $(function () {
            token = $('meta[name="csrf-token"]').attr('content');
            $('#subscription-table').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50,100], [25, 50,100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: {
                    url: '{{ URL::to('admin/subscriptions/ajax-list') }}',
                     type: 'GET',
                    data: function (d) {
                        d.hospital_id = value;
                        d.type = val;
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                // ajax: '{!! url('admin/subscriptions/ajax-list') !!}',
                // "order": [[0, "desc"]],
                columns: [
                    {data: 'id', name: 'id', orderable: false},
                    {data: 'customer_name', name: 'customer_name', searchable: true},
                    {data: 'customer_email', name: 'customer_email', searchable: true},
                    {data: 'subscriptions_type', name: 'subscriptions_type', searchable: true},
                    {data: 'description', name: 'description', searchable: true},
                    {data: 'description_full', name: 'description_full', searchable: true},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true},
                    {data: 'department_name', name: 'department_name', searchable: true},
                    // {data: 'message', name: 'message', searchable: true},
                ],
                stateSave: true,
                 "bDestroy": true
            });
        }
        // });
        // $(function () {
        //     $('#hospitals').select2();
        //     token = $('meta[name="csrf-token"]').attr('content');
        //     var oTable = $('#subscription-table').DataTable({
        //         dom: 'lfrtip',
        //         search: {
        //             caseInsensitive: true
        //         },
        //         "lengthMenu": [[25, 50, 100], [25, 50, 100]],
        //         processing: true,
        //         serverSide: true,
        //         responsive: true,
        //         autoWidth: false,
        //         ajax: {
        //             url: '{{ URL::to('admin/subscriptions/ajax-list') }}',
        //              type: 'POST',
        //             data: function (d) {
        //                 d.hospital_id = $('#hospital_id').val();
        //             },
        //             headers: {
        //                 'X-CSRF-TOKEN': token
        //             }
        //         },
        //         "order": [],
        //         "columnDefs": [{
        //             "targets": 'no-sort',
        //             "orderable": false,
        //         }],
        //         columns: [
        //             {data: 'id', name: 'id'},
        //             {data: 'customer_name', name: 'customer_name', searchable: true},
        //             {data: 'customer_email', name: 'customer_email', searchable: true},
        //             {data: 'subscriptions_type', name: 'subscriptions_type', searchable: true},
        //             // {data: 'message', name: 'message', searchable: true},
        //         ],
        //     });
        //      $('#hospital_type_form').on('submit', function (e) {
        //         oTable.draw();
        //         e.preventDefault();
        //     });
        // });

    </script>
@endsection