@extends('admin.layouts.app')

@section('styles')
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    table td .view{
        color: #4677ff;
        border: 1px solid #4677ff;
        padding: 2px 3px;
        border-radius: 3px;
        margin-right: 5px;
    }
    table td .edit{
        color: #0f9c0d;
        border: 1px solid #0f9c0d;
        padding: 2px 3px;
        border-radius: 3px;
    }
</style>
@endsection

@section('header')
	@include('admin.layouts.header')
@endsection

@section('sidemenu')
	@include('admin.layouts.sidemenu')
@endsection

@section('content')
<div class="content-page">
    <div class="content">
        <div class="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                <ol class="breadcrumb p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">Admin</a></li>
                                    <li class="breadcrumb-item active">Notification</li>
                                </ol>
                            </div>
                            
                            <h4 class="page-title">Notification</h4>
                        </div>
                    </div>
                </div> 

                <div class="container-fluid">
                    <form id="notifi" name="sendNotification" method="POST" action="notification" enctype="multipart/form-data" >
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="staticEmail" class="form-label">Title</label>
                                    <input type="text" class="form-control" name="title" id="title" placeholder="Notification Title" required>
                                </div>
                                
                            </div>
                            <div class="col-md-4">
                                <div class="row">
                                    <label for="staticEmail" class="form-label">Attachment</label>
                                    <div class="input-group mb-3">
                                        <input type="file" class="form-control" name="attachment" id="inputGroupFile01">
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="staticEmail" class="form-label">Link to</label>
                                    <select  class="form-control" name="link_to" id="link_to" required>
                                        <option>Select Notification about</option>
                                        <option value="SP">Scientifc Program</option>
                                        <option value="W">Workshop</option>
                                        <option value="R">Registration</option>
                                        <option value="F">Faculty</option>
                                    </select>
                                </div>
                                
                            </div>
                            <div class="col-md-4" style="display:none" id="session_div">
                                <div class="mb-3">
                                    <label for="staticEmail" class="form-label">Session</label>
                                    <select  class="form-control" name="changed_session" id="changed_session">
                                        <option>Select Session</option>
                                        @foreach($get_all_sessions as $session)
                                                                                     <option value="{{$session->session_id }}" >{{$day}} {{$session->hall}} {{ $session->session_name.': [ '.$session->start_time.' - '.$session->end_time }}]</option>

                                        @endforeach
                                    </select>
                                </div>
                                
                            </div>
                            <div class="col-md-4" style="display:none" id="topic_div">
                                <div class="mb-3">
                                    <label for="staticEmail" class="form-label">Select Topic</label>
                                    <select  class="form-control" name="changed_topic" id="changed_topic" >
                                        <option>Select Topic</option>
                                    </select>
                                </div>
                                
                            </div>

                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label class="form-label">Content</label>
                                    <input type="textarea" class="form-control" id="content" name="content" style="height:100px;" placeholder="Notification Content">
                                  </div>
                                <div class="mb-3 form-check">
                                        <input type="checkbox" class="form-check-input" id="isSchedule" name="isSchedule" value="">
                                        <label class="form-check-label" for="exampleCheck1">&nbsp;Schedule for Later</label>
                                </div>
                            </div>
                            <div class="row" id="scheduleBox">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label">Shedule Time</label>
                                        <input type="time" class="form-control" id="time" name="time" placeholder="Time">
                                      </div>
                                </div>
    
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="col-form-label">Schedule Date</label>
                                        <input class="form-control" type="date" name="date" id="date" min="2025-07-13" placeholder="date">
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-12 mt-4 text-center">
                            <button class="form-control col-md-12 btn btn-primary" type="submit" name="submit">Send Notification</button>
                        </div>
                    </form>
                </div>
                <hr>
                <div class="col-lg-12" style="overflow-x:auto;">
                    <div class="card m-b-20">
                    <div class="card-body">

                            <h4 class="mt-0 m-b-20 header-title">Sent Notification</h4>
                            <table id="datatable2" class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Title</th>
                                        <th>Content</th>
                                        <th>Attachment</th>
                                        <th>Time</th>
                                        <th>Sent to Android</th>
                                        <th>Sent to iOS</th>
                                        <th>Sent to Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $i = 1; @endphp
                                        @foreach ($get_notifications as $row)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $row->title }}</td>
                                            <td>{{ $row->content }}</td>
                                            @if($row->attachment)
                                            <td><a href="/AOCN-IANCON-2022/public/uploads/notification_attachments/{{ $row->attachment }}" target="_blank">View File</a></td>
                                            @else
                                            <td>No attachment</td>
                                            @endif
                                            <td>{{ $row->date }} {{ $row->time }}</td>
                                            <td>{{ $row->sent_to_android }}</td>
                                            <td>{{ $row->sent_to_ios }}</td>
                                            <td>{{ $row->sent_to_android + $row->sent_to_ios }}</td>
                                        </tr>
                                        @php $i++; @endphp
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                    </div>
                </div>
                
                <div class="col-lg-12">
                    <div class="card m-b-20">
                    <div class="card-body">

                            <h4 class="mt-0 m-b-20 header-title">Scheduled Notification</h4>
                            <table id="datatable" class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Title</th>
                                        <th>Content</th>
                                        <th>Attachment</th>
                                        <th>Scheduled at</th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $i = 1; @endphp
                                        @foreach ($schd_notifications as $row)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $row->title }}</td>
                                            <td>{{ $row->content }}</td>
                                            @if($row->attachment)
                                            <td><a href="/AOCN-IANCON-2022/public/uploads/notification_attachments/{{ $row->attachment }}" target="_blank">View File</a></td>
                                            @else
                                            <td>No attachment</td>
                                            @endif                                            
                                            <td>{{ $row->date }} {{ $row->time }}</td>
                                            
                                        </tr>
                                        @php $i++; @endphp
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
	@include('admin.layouts.footer')
@endsection

@section('scripts')
<!-- Dashboard init js -->
<script>
    $(document).ready(function(){
        $('#scheduleBox').hide();
    })
    $('#link_to').on('change',function(){
        if($('#link_to').val()=='SP'){
            $('#session_div').show();
        }
        else{
            $('#session_div').hide();
            $('#topic_div').hide();
        }
    })
    $('#changed_session').on('change',function(){
        $('#topic_div').show();
        var session_id=$('#changed_session').val();
        $.ajax({
            method:'post',
            url:'getDetailsBySessionId',
            // headers: {
            //     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            // },
            data:{'session_id':session_id,"_token": "{{ csrf_token() }}",},
            success: function(data){
                $('#changed_topic').append(data);
            }
        })
        
    })
    $("#isSchedule").click(function() {
        if($("#isSchedule").val()==''){
            $('#scheduleBox').show();
            $("#isSchedule").val('1');
        }
        else{
            $('#scheduleBox').hide();
            $("#isSchedule").val('');
        }
        

    });
</script>

<!-- Required datatable js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/dashboard.init.js"></script>

<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.js"></script>

<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jszip.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/pdfmake.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/vfs_fonts.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.html5.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.print.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.colVis.min.js"></script>

<!-- KNOB JS -->
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/excanvas.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/jquery.knob.js"></script>

<!-- Datatable init js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/datatables.init.js"></script>

<script>
    $(document).ready(function () {
        $("#session_id").change(function() {
            var val = $(this).val();
            // document.location.href = '/admin/asked-questions/'+val;
        });
    })
</script>
@endsection