@extends('layouts.default', ['appTopMenu' => true])
    @section('title', 'Committee')
    @push('scripts')
    <!--<script src="{{ asset('js/typeahead.js') }}"></script>
    <script src="{{ asset('js/bootstrap3-typeahead.min.js') }}"></script

    <script src="{{ asset('js/autocomplete.js') }}"></script>-->
    <link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
    <script src="{{ asset('js/jquery-ui.js') }}"></script>
    <script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
    <link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
    <script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>

    <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
    <script src="/assets/plugins/select2/dist/js/select2.min.js"></script>

    <script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
    <!-- Copy from SCLSC -->

    <link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-keytable-bs5/css/keyTable.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css" rel="stylesheet" />
    <link href="/assets/plugins/datatables.net-select-bs5/css/select.bootstrap5.min.css" rel="stylesheet" />

    <script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-colreorder/js/dataTables.colReorder.min.js"></script>
    <script src="/assets/plugins/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
    <script src="/assets/plugins/datatables.net-keytable-bs5/js/keyTable.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-rowreorder/js/dataTables.rowReorder.min.js"></script>
    <script src="/assets/plugins/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-select/js/dataTables.select.min.js"></script>
    <script src="/assets/plugins/datatables.net-select-bs5/js/select.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="/assets/plugins/pdfmake/build/pdfmake.min.js"></script>
    <script src="/assets/plugins/pdfmake/build/vfs_fonts.js"></script>
    <script src="/assets/plugins/jszip/dist/jszip.min.js"></script>
    <script src="{{ asset('js/task/pending_report.js') }}"></script>


    <!-- Copy from SCLSC -->

    <!--<script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>-->
    @endpush
    @push('head')

    <style>
        /*Custom CSS*/
        span {
            transition: color 0.5s ease-in;
        }

        label:focus-within span {
            color: blue;
        }

        input {
            display: block;
            width: 100%;
        }

        label,
        select {

            display: block;
            width: 100%;
            max-width: 100%;
        }
        /*Profile Pic Start*/
        .picture-container{
            position: relative;
            cursor: pointer;
            text-align: center;
        }
        .picture{
            width: 106px;
            height: 106px;
            background-color: #999999;
            border: 4px solid #CCCCCC;
            color: #FFFFFF;
            border-radius: 50%;
            margin: 0px auto;
            overflow: hidden;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
        }
        .picture:hover{
            border-color: #2ca8ff;
        }
        .picture input[type="file"] {
            cursor: pointer;
            display: block;
            height: 100%;
            left: 0;
            opacity: 0 !important;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .picture-src{
            width: 100%;

        }
        /*Profile Pic End*/
        .form-control:focus, .form-select:focus, .form-check-input:focus, .select2:focus-within{
            border-color: #6265e4 !important;
            box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
        }
        .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered,
        .select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered{
            font-weight:100;
        }
    </style>
    @endpush
    @section('content')
    <script>
    @if (Session::has('success'))

    swal("{{Session::get('success')}}").then(function() {
    //window.location = "/project/" + loc;
    });
            @endif



    </script>
    @php 
    //print_r($result);
    if(!empty($result)){
        foreach($result as $res){
            $id = $res->id;
            $comm_id = $res->meeting_id;      
            $meeting_date = date("d-m-Y", strtotime($res->meeting_date));
            $agenda_image = $res->agenda_image; 
            $btn = "Update";
        }    
    }else{
        $id = 0;
        $comm_id = "";
        $meeting_date = "";
        $agenda_image="";
        $btn = "Submit";
    }
    @endphp

    <section>
        <div class="row">
            <div class="col-xl-12">
                @if(session('status'))
                <h6 class="alert alert-success">{{session('status')}}</h6>
                @endif
                <div class="panel" data-sortable-id="form-stuff-3">
                    <div class="panel-heading card-bg-color">
                        <h4 class="panel-title">Agenda Uploading</h4>
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <div class="panel-body">
                    @if($id == 0)
                        <form action="{{url('schedule_meeting')}}" method="POST" enctype="multipart/form-data">
                    @else
                    <form action="{{url('updCommitteeAgenda')}}" method="POST" enctype="multipart/form-data">
                    @endif
                        @csrf
                        <div class="row">
                                        <div class="col-sm-6 @error('comm_id') has-error @enderror">
                                            <label class="control-label" for="comm_id"><b>Committee</b></label>
                                            <select id="comm_id" name="comm_id" type="text" class="default-select2 form-select">
                                            <option value="">SELECT COMMITEE</option>
                                                @php
                                                    foreach($allCommittee as $all){ 
                                                        $set_selected = '';
                                                        if($comm_id == $all->id) {
                                                        $set_selected = 'selected';
                                                        }
                                                @endphp        
                                                        <option value="{{ $all->id }}" {{$set_selected}}>{{ $all->comm_id."-".$all->comm_name }}</option>
                                                @php            
                                                    }
                                                @endphp
                                            </select>           
                                            @error('comm_id')
                                            <small class="help-block text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                            </div>

                            <div class="row">
                                        <div class="col-sm-9" style=margin-top:20px;>
                                        
                                            <table class="table" id="member_table" style="display:none;">
                                                    <thead><h5>COMMITEES MEMBERS & SECRETARY INFO</h5></thead>
                                            <tbody>
                                            </tbody>
                                            </table>
                                        </div>
                                                            
                                        <div class="col-sm-3"></div>                 
                                        
                                            
                                        
                                        
                                    
                                    </div>
                        <div class="form-group mb-3 col-sm-3 @error('txt_meeting_date') has-error @enderror">
                                                <label class="control-label" for="comm_id"><b>Meeting Date</b></label>
                                                <div class="input-group date" data-date-start-date="Date.default">
                                                    <input type="text" value="{{$meeting_date}}" class="form-control txt_date"  id="datepicker-autoClose" name="txt_meeting_date" />
                                                    <span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
                                                </div> 
                                                @error('txt_meeting_date')
                                                    <small class="help-block text-danger">{{ $message }}</small>
                                                @enderror 
                        </div>                             
                        <div class="form-group mb-3 col-sm-3">
                        <input type="file" name="agenda_image" class="form-control" />
                    </div> 
                    <div class="form-group mb-3 col-sm-3">
                    <input type="hidden" id="id" name="id" value="{{ Crypt::encryptString($id) }}" />
                        <!--<button type="submit" class="btn btn-primary">Add Agenda</button>-->
                        <input id="btnCadre" name="btnCadre" type="submit" class="btn-primary form-control" value="{{ $btn }}" />
                    </div> 
                    </div>
                    
                    
            
                </div> 
            
            </div>
        </div>
        <div class="panel" data-sortable-id="form-stuff-3">
                    <div class="panel-heading card-bg-color">
                        <h4 class="panel-title">Committee Agenda Details</h4>
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <div class="panel-body">
                    
                        <table id="" class="table table-striped table-bordered align-middle">
                            <thead>
                                <tr>
                                    <th>Srno</th>
                                    <th>Committee</th>
                                    <th>Date</th>
                                    <th>Agenda</th>
                                    <th data-sortable="false" style="width:5px;"><i style="margin-top: -7px;margin-left:10px;" class='fas fa-lg fa-fw me-5px fa-user-edit text-success'></i></th>
                                    <th data-sortable="false" style="width:5px;"><i style="margin-top: -7px;margin-left:10px;" class='fas fa-lg fa-fw me-5px fa-trash text-danger'></i></th>
                                </tr>
                            </thead>

                            <tbody>
                                @php
                                        $sn = 1;
                                        foreach($allCommitteeAgenda as $allAgenda){
                                    @endphp
                                    <tr>
                                        <td>{{$sn}}</td>
                                        <td>{{$allAgenda->comm_name}}</td>
                                        <td>{{ date("d-m-Y", strtotime($allAgenda->meeting_date))}}</td>
                                        <td>{{ $allAgenda->agenda_image}}</td>
                                        <td class='text-center'>
                                                    <a href='/editCommAgenda/{{ Crypt::encryptString($allAgenda->id) }}'><i style="margin-top: 10px;" class='fas fa-lg fa-fw me-5px fa-user-edit text-success'></i></a>
                                                </td>
                                                <td class='text-center'>
                                                    <a href='/delAgenda/{{ Crypt::encryptString($allAgenda->id) }}'><i style="margin-top: 10px;" class='fas fa-lg fa-fw me-5px fa-trash text-danger'></i></a>
                                                </td>
                                    </tr>   
                            @php $sn++; } @endphp
                            </tbody>
                        </table>                           
                    </div>
                </div>
    </section>

    @endsection
    @push('scripts')
    <script>
        $(document).ready(function(){

            $(".activeto").hide();

            $(".default-select2").select2();

            $('#data-table-default').DataTable({
                "pageLength": 10,
                responsive: true
            });

            $("#datepicker-autoClose").datepicker({

                todayHighlight: true,
                autoclose: true,
                format : "dd-mm-yyyy"
            });

            /*$("#datepicker-autoClose1").datepicker({
                todayHighlight: true,
                autoclose: true,
                format : "dd-mm-yyyy"
            });*/

            $("#reset").click(function(){
                $("#btnCadre").val("Submit");
                $("#txt_cadre_code").val(0);
            });    

        /* $("#data-table-default").on("click", ".pr-2", function(){
                var id = this.id;
                var ids = id.split("-");
                var act = ids[0];
                id = ids[1];
                if (act == "edit")
                    Url = "{{ url('editCadre')}}";
                else if (act == "delete")
                    Url = "{{ url('deleteCadre')}}";
                $.ajax({
                    url: Url,
                    type: 'GET',
                    cache: false,
                    async: false,
                    beforeSend:function(){

                    },
                    data: {id:id},
                    success: function (data, status){
                        res = data.split("~");
                        $("#ddl_user_type").val(res[0].trim());
                        $("#txt_cadre").val(res[1]);
                        $("#txt_cadre_code").val(id);
                        $("#btnCadre").val("Update");
                        $(".activeto").show();
                    },
                    error: function (xhr) {
                        alert("Error:" + xhr.status + ' ' + xhr.statusText);
                    }
                });    
            });*/

        });
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

        function get_connected_case(fil_no){
            $.ajax({
                url: 'get_connected_case',
                type: 'POST',
                //dataType: 'json',
                data: {
                    _token: CSRF_TOKEN,
                    fil_no: fil_no
                },
                success: function(response) {
                    if(!Object.keys(response.data).length){
                        $("#conn_results").hide();
                    }else {
                        createRows_conn(response);
                    }
                    
                    
                }
            });
    

        }
    $("#comm_id").change(function(){
        var comm_id=$(this).val();
        alert(comm_id);
        $.ajax({
                url: 'get_comm_member',
                type: 'GET',
                dataType: 'json',
                data: {
                    _token: CSRF_TOKEN,
                    comm_id: comm_id
                },
                success: function(response) {
                    createRows_mem(response);
                    
                    
                }
            });
    });
    function createRows_mem(response) {
        alert('a');
            var len = 0;
            $('#member_table tbody').empty(); // Empty <tbody>
            //$('.accordion-body').empty(); // Empty <tbody>

            if (response['data'] != null) {
                len = response['data'].length;
            }
            if (len > 0) {
                for (var i = 0; i < len; i++) {
                    var member = response['data'][i].member;
                    var sec = response['data'][i].sec;
                    var mem_s=member.split('@');
                    var sec_s=sec.split('@');
                
                    var tr_str =
                        "<tr class=table-row><th>Members:-</th><td>" + mem_s + "</td></tr><tr><th>Secretary:-</th><td>"+sec_s+"</td></tr>";
                    $("#member_table tbody").append(tr_str);



                }
            // $('#default-tab-1 a:first').tab('show');
                //$("#tabs").tabs({ selected:2});
                //$("#default-tab-1").addClass("show");
            } else {
                var tr_str = "<tr>" +
                    "<td align='center' colspan='4'>No record found.</td>" +
                    "</tr>";

                $("#member_table tbody").append(tr_str);
            }

            $("#member_table").show();
        }
    function createRows(response) {
            var len = 0;
            $('#lc_table_67 tbody').empty(); // Empty <tbody>
            if (response['data'] != null) {
                len = response['data'].length;
            }
            if (len > 0) {
                for (var i = 0; i < len; i++) {
                    var doc_name = response['data'][i].docu_name;
                    var order_dt = response['data'][i].order_dt;
                    var dateAr = order_dt.split('-');
                    var newDate = dateAr[2] + '-' + dateAr[1] + '-' + dateAr[0];         
                    //alert(doc_name[3]);
                    //var dspace_bitstream_id = response['data'][i].dspace_bitstream_id;
                    //alert(fil_nm);
                    var tr_str =
                        "<tr class=table-row><td>" + (i + 1) + "</td><td>" + doc_name + "</td><td>"+newDate+"</td></tr>";
                    $("#lc_table_67 tbody").append(tr_str);



                }
                //get_lc_records_67(cino);
                $('#default-tab-1 a:first').tab('show');
                //$("#tabs").tabs({ selected:2});
                //$("#default-tab-1").addClass("show");
            } else {
                var tr_str = "<tr>" +
                    "<td align='center' colspan='4'>No record found.</td>" +
                    "</tr>";

                $("#lc_table tbody").append(tr_str);
            }

            $("#c_results").show();
        }
    </script>


    @endpush