@extends('template.master')
@section('content')
<style type="text/css">
    h2 {
        margin: 0;
        background: #00bcd4;
    }
    span.r-name {
        margin: 0 5px;
        background-color:  #9999995c;
        border-radius: 4px;
    }
</style>

<div class="main-grid">
    <!-- Start content -->
    <div class=" ">
        <div class="container">

            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-header-title">
                        <h4 class="pull-left page-title"> Notice List</h4>
                        <ol class="breadcrumb pull-right">
                            <span class="float-right"><a href="" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Add Notice </a></span>
                        </ol>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>




        </div><!-- .card-header end -->
        @include('partials.message')
        <div class="card-body">
            <center> <h2> Notice Log</h2></center>
            <div class="panel-body">
                <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive " cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>SL</th>
                            <th>Status</th>
                            <th> Sender </th>
                            <th> Reciver </th>
                            <th> Ministery </th>
                            <th> Sharok No </th>
                            <th>Subject</th>
                            <th>Date</th>
                            <th>Time</th>
                            <th>Place</th>
                            <th>Meeting Chair Person</th>
                            <th>Notice File</th>
                            <th >Send</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($noticelog as $service)
                        <tr class="table table-sm" style="text-align: center;">
                            <td>{{ $loop->index + 1 }}</td>
                            <td>{{ $service->status  == '01' ? 'Internal' : 'External' }}</td>
                            <td>{{ App\Models\User::where('id', $service->sender_user_id)->value('name')}}</td>
                            <td>{{ App\Models\User::where('id', $service->recive_user_id)->value('name') ?? ''}}</td>

                            <td>{{ $service->ministery ?? ''}}</td>
                            <td>{{ $service->sharok ?? ''}}</td>
                            <td>{{ $service->notice ?? ''}}</td>
                            <td>{{ $service->date ?? ''}}</td>
                            <td>{{ $service->time ?? ''}}:{{ $service->minute ?? ''}}</td>

                            <td>{{ $service->place ?? ''}}</td>
                            <td>{{ $service->chairman ?? ''}}</td>

                            <td>
                                <a class="btn btn-primary"  href="notice_file/{{ $service->notice_file ?? ''}}" target="_blank"><i class="fa fa-eye"></i></a>
                            </td>
                            <td>
                                <!--   <a href="{{ route('notice.edit', $service->id) }}"class="btn btn-primary"  data-target="#exampleModa2"><i class="fa fa-edit"></i>
                                </a> -->
                                <a href="{{ route('notice.send', $service->id) }}"class="btn btn-primary"  data-target="#exampleModa2"><i class="fa fa-send"></i>
                                </a>
                                <!--  <button  type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal1{{$service->id}}">
                                    <i class="fa fa-trash"></i>
                                </button> -->
                            </td>
                        </tr>

                        @endforeach

                    </tbody>
                </table>
            </div><!-- .cabin-list end -->
        </div><!-- .card-body end -->

    </div><!-- .card end -->
</div><!-- .servicecatgeories end -->
</div>
<script>
    function myFunction() {
        document.getElementById("myText").value('iiii');
    }
    $('#myTable').DataTable( {
        responsive: true
    } );
    $('#myTable2').DataTable( {
        responsive: true
    } );
</script>



<!-- Create Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Add Notice </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="other section">
                    <div class="nav ">

                        <ul class=""style="text-align: center; display: flex; ">

                            <li style="list-style-type: none; padding: 4px;" class="nav-item "><a data-toggle="pill" class=" btn btn-primary scrollto " href="#skills">Internal</a></li>
                            <li style="list-style-type: none; padding: 4px;" class="nav-item"><a  data-toggle="pill" class="btn btn-success scrollto" href="#learning">External</a></li>
                        </ul>

                        <div class="tab-content  ">



                            <div id="skills" class="tab-pane fade">

                                <form action="{{ route('notice.store') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Status</label>
                                        <select name="status" id="status" class="form-control">
                                            <option value="1">Internal</option>

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Subject</label>
                                        <input type="text" class="form-control" id="notice" name="notice" placeholder=" Enter Ministery Name">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Metting Date</label>
                                        <input type="date" class="form-control" id="date" name="date"  value="{{date('Y-m-d')}}">
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="exampleInputPassword1">Metting Hour</label>
                                            <!-- <input type="text" class="form-control" id="time" name="time" placeholder="Enter Program Time"> -->
                                            <select name="time" id="time" class="form-control">
                                                <option value="00">Choose Time</option>
                                                <option value="01">1 </option>
                                                <option value="02">2 </option>
                                                <option value="03">3 </option>
                                                <option value="04">4 </option>
                                                <option value="05">5 </option>
                                                <option value="06">3 </option>
                                                <option value="07">7 </option>
                                                <option value="08">8 </option>
                                                <option value="09">9 </option>
                                                <option value="10">10 </option>
                                                <option value="11">11 </option>
                                                <option value="12">12 </option>
                                                <option value="13">13 </option>
                                                <option value="14">14 </option>
                                                <option value="15">15 </option>
                                                <option value="16">16 </option>
                                                <option value="17">17 </option>
                                                <option value="18">18 </option>
                                                <option value="19">19 </option>
                                                <option value="20">20 </option>
                                                <option value="21">21 </option>
                                                <option value="22">22 </option>
                                                <option value="23">23 </option>
                                                <option value="24">24 </option>

                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="exampleInputPassword1">Metting Munites</label>
                                            <input type="text" class="form-control" id="minute" name="minute" value="00" placeholder="00">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Metting Place</label>
                                        <input type="text" class="form-control" id="place" name="place" placeholder="Enter place ">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Meeting Chair Person </label>
                                        <input type="text" class="form-control" id="chairman" name="chairman" placeholder="Enter Meeting Chair Person ">
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Notice File</label>
                                        <input type="file" class="form-control" id="notice_file" name="notice_file" placeholder="Enter details ">
                                    </div>




                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary">Save</button>
                                    </div>
                                </form>
                            </div>

                            <div id="learning" class="tab-pane fade">


                                <form action="{{ route('notice.store') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Status</label>
                                        <select name="status" id="status" class="form-control">
                                            <option value="2">Exteranal</option>

                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Ministery</label>
                                        <input type="text" class="form-control" id="ministery" name="ministery" placeholder=" Enter Ministery Name">
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Sharok No</label>
                                        <input type="text" class="form-control" id="sharok" name="sharok" placeholder=" Enter Sharok No">
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Subject</label>
                                        <input type="text" class="form-control" id="notice" name="notice" placeholder=" Enter Subject Name">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1"> Metting Date</label>
                                        <input type="date" class="form-control" id="date" name="date"  value="{{date('Y-m-d')}}">
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label for="exampleInputPassword1">Metting Hour</label>
                                            <!-- <input type="text" class="form-control" id="time" name="time" placeholder="Enter Program Time"> -->
                                            <select name="time" id="time" class="form-control">
                                                <option value="00">Choose Time</option>
                                                <option value="01">1 </option>
                                                <option value="02">2 </option>
                                                <option value="03">3 </option>
                                                <option value="04">4 </option>
                                                <option value="05">5 </option>
                                                <option value="06">3 </option>
                                                <option value="07">7 </option>
                                                <option value="08">8 </option>
                                                <option value="09">9 </option>
                                                <option value="10">10 </option>
                                                <option value="11">11 </option>
                                                <option value="12">12 </option>
                                                <option value="13">13 </option>
                                                <option value="14">14 </option>
                                                <option value="15">15 </option>
                                                <option value="16">16 </option>
                                                <option value="17">17 </option>
                                                <option value="18">18 </option>
                                                <option value="19">19 </option>
                                                <option value="20">20 </option>
                                                <option value="21">21 </option>
                                                <option value="22">22 </option>
                                                <option value="23">23 </option>
                                                <option value="24">24 </option>

                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="exampleInputPassword1">Metting Munites</label>
                                            <input type="text" class="form-control" id="minute" name="minute" value="00" placeholder="00">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Metting Place</label>
                                        <input type="text" class="form-control" id="place" name="place" placeholder="Enter place ">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Meeting Chair Person </label>
                                        <input type="text" class="form-control" id="chairman" name="chairman" placeholder="Enter Meeting Chair Person ">
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1">Notice File</label>
                                        <input type="file" class="form-control" id="notice_file" name="notice_file" placeholder="Enter details ">
                                    </div>




                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary">Save</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection



<!-- inline scripts related to this page -->
<script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/custom-js/load-thana.js') }}"></script>
<script src="{{ asset('assets/custom-js/numbers.js') }}"></script>
<script>
    $('#join_date').datepicker({
        format: "yyyy/mm/dd",
        autoclose: true,
        todayHighlight: true,
    })
</script>

<script type="text/javascript">
    jQuery(function($) {

        $('#form-profile-picture').ace_file_input({
            style: 'well',
            btn_choose: 'Drop profile picture or choose profile',
            btn_change: null,
            no_icon: 'ace-icon fa fa-cloud-upload',
            droppable: true,
            thumbnail: 'small',
            preview_error: function(filename, error_code) {}

        }).on('change', function() {

        });

    });

    /**
    * Theme: Xadmino
    * Datatable
    */

    !function($) {
        "use strict";

        var DataTable = function() {
            this.$dataTableButtons = $("#datatable-buttons")
        };
        DataTable.prototype.createDataTableButtons = function() {
            0 !== this.$dataTableButtons.length && this.$dataTableButtons.DataTable({
                dom: "Bfrtip",
                buttons: [{
                    extend: "copy",
                    className: "btn-success"
                }, {
                    extend: "csv"
                }, {
                    extend: "excel"
                }, {
                    extend: "pdf"
                }, {
                    extend: "print"
                }],
                responsive: !0
            });
        },
        DataTable.prototype.init = function() {
            //creating demo tabels
            $('#datatable').dataTable();
            $('#datatable-keytable').DataTable({keys: true});
            $('#datatable-responsive').DataTable();
            $('#datatable-scroller').DataTable({
                ajax: "assets/plugins/datatables/json/scroller-demo.json",
                deferRender: true,
                scrollY: 380,
                scrollCollapse: true,
                scroller: true
            });
            var table = $('#datatable-fixed-header').DataTable({fixedHeader: true});

            //creating table with button
            this.createDataTableButtons();
        },
        //init
        $.DataTable = new DataTable, $.DataTable.Constructor = DataTable
    }(window.jQuery),

    //initializing
    function ($) {
        "use strict";
        $.DataTable.init();
    }(window.jQuery);




    $(".notification").click(function(event){
        var marks = 1;
        var id = ($(this).attr("data-id"));
        $.ajax({
            type:"GET",
            url: '/marksupdate/'+id+'/'+marks,
            success:function(res){
                console.log(res);
            }
        });
    });
    //console.log($(this).attr("data-id"));









</script>