@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">
        <!-- Area Chart -->
        <div class="col-xl-12 col-lg-12">
            <div class="card shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h3>All Training Participants</h3>
                </div>
                <!-- Card Body -->
                <div class="card-body">

                    @if (session('err_msg'))
                        <div class="col-md-12">
                            <div class="alert alert-info">
                                {{ session('err_msg') }}
                            </div>
                        </div>
                    @endif

                    <div class="table-responsive">
                        <table class="table table-colored" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                            <tr>
                                <th></th>
                                <th>Staff ID</th>
                                <th>Staff Name</th>
                                <th>Email</th>
                                <th>Department</th>
                                <th>First Mail</th>
                                <th>Second Mail</th>
                                <th>Third Mail</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach($staffs as $item)
                                <tr>
                                    <td>

                                        @if($item->photo=="")
                                            <img class='rounded-circle hexagon' height='50px'
                                                 src='{{ URL::to('/public/assets/image/no-image.png')  }}'
                                                 alt='{{ $item->staff_id }}'/>
                                        @else
                                            <img class='rounded-circle hexagon' height='50px' src='{{ $item->photo }}'
                                                 alt='{{ $item->staff_id }}'/>
                                        @endif

                                    </td>
                                    <td>{{ $item->staff_id }}</td>
                                    <td>{{ $item->fname .  ($item->mname  != "" ? " " . $item->fname : "" ) . " " . $item->lname      }}</td>
                                    <td>{{ $item->email }}</td>
                                    <td>
                                        @php
                                            $deptname = "not set";
                                            $olddeptid =  "0";
                                        @endphp

                                        @foreach( $staff_depts as $staff_dept)
                                            @if($staff_dept->staff_id  == $item->staff_id )
                                                @php
                                                    $deptname = $staff_dept->dept_name;
                                                    $olddeptid =  $staff_dept->dept_id ;
                                                @endphp
                                                @break
                                            @endif
                                        @endforeach
                                        <span class='badge badge-info'>{{ $deptname }}</span>
                                    </td>

                                    <td>
                                        @if($item->first_mail == "not sent")
                                            @php
                                                $hide2 = $hide3= true;
                                            @endphp
                                            <input type='button' data-widget='m1'
                                                   data-param='{ "m1-key":"{{ $item->staff_id }}", "m1-mailno":"1"  }'
                                                   class="btn btn-primary btn-sm showjdmodal" value='Send Now'/>
                                        @else
                                            <span class='badge badge-danger'>{{ $item->second_mail }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if( $hide2 )
                                            <span class='badge badge-danger'>{{ $item->second_mail }}</span>
                                        @else
                                            @if($item->second_mail == "not sent")
                                                @php
                                                    $hide3= true;
                                                @endphp
                                                <input type='button' data-widget='m1'
                                                       data-param='{ "m1-key":"{{ $item->staff_id }}", "m1-mailno":"2"  }'
                                                       class="btn btn-primary btn-sm showjdmodal" value='Send Now'/>
                                            @else
                                                <span class='badge badge-danger'>{{ $item->second_mail }}</span>
                                            @endif
                                        @endif

                                    </td>
                                    <td>
                                        @if( $hide3 )
                                            <span class='badge badge-danger'>{{ $item->third_mail }}</span>
                                        @else
                                            @if($item->third_mail == "not sent")
                                                <input type='button' data-widget='m1'
                                                       data-param='{ "m1-key":"{{ $item->staff_id }}", "m1-mailno":"3" }'
                                                       class="btn btn-primary btn-sm showjdmodal" value='Send Now'/>
                                            @else
                                                <span class='badge badge-danger'>{{ $item->third_mail }}</span>
                                            @endif
                                        @endif
                                    </td>
                                    <!--
					<td class='text-center'>

                  <div class="dropdown no-arrow">
                    <a class="dropdown-toggle" href="#" role="button" id="widgetDropDownAction" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="fas fa-cog"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="widgetDropDownAction">
                      <button class="dropdown-item showjdmodal" data-widget='m1'  data-param='{ "m1-key":"{{ $item->staff_id }}"}'     >Send Mail</button>
					  </div>
                  </div>
					 </td>-->
                                </tr>

                            @endforeach

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


        </div>

        <div class="col-xl-6 col-lg-6 mb-4">


        </div>

    </div>



    <div class="modal fade" id="widget-m1" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Sent Email to Staff</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-row">
                        <div class="col-md-3">
                            <label for="db_dept">Select Email Template:</label>
                        </div>
                        <div class="col-md-6">
                            <select id='dbmailtemplate' class='form-control form-control-sm'>
                                @foreach($mails as $item)
                                    <option value='{{ $item->id }}'
                                            data-mailbody='{{ $item->html_body }}'>{{ $item->subject }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <button class="btn btn-primary btn-sm" type='button' id='btnloadtemplate'>View Staffs
                            </button>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <hr/>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <label for="db_dept">Mail Preview:</label>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <hr/>
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="previewarea">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">

                    <form action="{{ action('Erp\Controller\TrainingSchedule@sendMailToParticipant') }}" method="post">
                        {{ csrf_field() }}
                        <input type='hidden' name='key' id='m1-key'/>
                        <input type='hidden' name='mailno' id='m1-mailno' value='0'/>
                        <input type='hidden' name='template' id='m1-template' value='0'/>
                        <input type='hidden' name='training' value='{{ $training->id }}'/>
                        <button type='submit' class="btn btn-primary" value='send' name='btnSend'>Send Mail</button>
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                    </form>

                </div>
            </div>
        </div>
    </div>

@endsection

@section("script")
    <script>


        $(".showjdmodal").on('click', function () {
            var widget = $(this).attr("data-widget");
            var params = $(this).attr("data-param");

            $.each(JSON.parse(params), function (selector, value) {
                $("#" + selector).val(value);
            });

            $("#widget-" + widget).modal("show");
        });


        $(document).on('click', '#btnloadtemplate', function () {

            var mailbody = $('#dbmailtemplate option:selected').attr("data-mailbody");
            $("#m1-template").val($('#dbmailtemplate option:selected').val());
            $('.previewarea').html(mailbody);
        });


    </script>
@endsection