@extends('app') @section('page-title') @section('content') @if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
            <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<div class="row">
    <div class="col-xs-12">

        <div class="panel panel-inverse">
            <div class="panel-heading"> @lang('modules.meeting.createTitle')</div>
            <div class="panel-wrapper collapse in" aria-expanded="true">
                <div class="panel-body">
                    {!! Form::model($meeting, ['method' => isset($meeting) && $meeting->id ? 'put' : 'post', 'files' => 'true']) !!}
                    
                    <input type="hidden" id="employees_selected" value="{{json_encode($employees_selected)}}">

                    <div class="form-body">

                        @if(isset($meeting) && ($meeting->id))
                        <h3 class="box-title ">Edit</h5>
                            @else
                            <h3 class="box-title ">Add New</h3>
                            @endif
                            <hr>
                            <div class="row">

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('employee_code') ? 'has-error' : '' }}}">
                                        <label class="required">Meeting Name</label>
                                        {!! Form::text('name', 
                                            isset($meeting) && $meeting->name ? $meeting->name : old('name'), 
                                            ['class' => 'form-control',
                                            'id' => 'name']) 
                                        !!}
                                        {!! $errors->first('name', '<label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                        <label class="required">Meeting Description</label>
                                        {!! Form::text('description', 
                                            isset($meeting) && $meeting->description ? $meeting->description : old('description'), 
                                            ['class' => 'form-control',
                                            'id' => 'description']) 
                                        !!}
                                        {!! $errors->first('description', '<label class="control-label" for="description">:message</label>')!!}
                                    </div>

                                </div>

                            </div>
                            <div class="row">

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('email') ? 'has-error' : '' }}}">
                                        <label >Meeting Room</label>
                                        {!! Form::text('room_no', 
                                            isset($meeting) && $meeting->room_no ? $meeting->room_no : old('room_no'), 
                                            ['class' => 'form-control',
                                            'id' => 'room_no']) 
                                        !!}
                                       {!! $errors->first('room_no', '<label class="control-label" for="name">:message</label>')!!}
                                    </div>

                                </div>

                                <div class="col-md-4 ">
                                    <div class="form-group {{{ $errors->has('mobile') ? 'has-error' : '' }}}">
                                        <label >Meeting Link</label>
                                        {!! Form::text('link', 
                                            isset($meeting) && $meeting->link ? $meeting->link : old('link'), 
                                            ['class' => 'form-control',
                                            'id' => 'link']) 
                                        !!}
                                        {!! $errors->first('link', '<label class="control-label" for="link">:message</label>')!!}
                                    </div>

                                </div>
                               
                            </div>
                            
                            <div class="row">

                                <div class="col-md-8 employees_list">
                                    <label for="employees">Employee(s)</label>
                                    <div class="form-group">
                                        <select class="form-control select2 blank_employees">
                                            <option value="">Select Employee</option>
                                        </select>
                                    </div>


                                </div>

                            </div>

                            <div class="row">
                            <div class="col-md-3 col-12">
                                <div class="card {{{ $errors->has('status') ? 'has-error' : '' }}}">
                                    <div class="form-group ">
                                        <label class="required">Status</label>
                                            <select class="form-control select2" name="status">
                                                @foreach($meetingStatus as $val)
                                                    <option value="{{$val}}"  @if(isset($meeting) && ($meeting->status == $val) || (old('status') == $val)) selected @endif>{{$val}}</option>
                                                @endforeach
                                            </select>
                                    </div>
                                </div>
                               
                            </div>
                            </div>
                    </div>

                </div>
                <div class="form-actions">
                    <button type="submit" id="save-form" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>

                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<!-- .row -->

@endsection @push('footer-script')

<script type="text/javascript">
        var employees_selected = $("#employees_selected").val();

        function getEmployees() {
            
            var data = {
                '_token' : '{{{csrf_token()}}}'
            }
            $.ajax({
                url: '/{!! $alias !!}/employees/all' ,
                type: 'GET',
                success:function(res) {
                    var selectbox = '';
                    if(res)
                    {
                        selectbox = '<label for="employees">Employees</label>';
                        selectbox += '<div class="form-label-group"><select name="employees[]" class="form-control select2" id="employees" multiple>';
                        selectbox += '<option value="">-- Select Employees --</option>';
                        $.each(res.data, function (i, item) {
                            
                            if(employees_selected.includes(item.id)) {
                                selectbox += '<option value="'+item.id+'" selected="selected">'+item.name+'</option>';
                            }
                            else {
                                selectbox += '<option value="'+item.id+'">'+item.name+'</option>';
                            }
                        });
                        selectbox += '</select></div>';
                    }
                    //console.log(selectbox);
                    $('#blank_sub_location').css('display','none');
                    $('.sublocations').css('display','block');
                    $('.employees_list').html(selectbox);
                    $("#employees").select2({
                        multiple: true
                    });
                }
            });
        }

        $(document).ready(function(){
            if($('#location_id').val()) {
                getEmployees();
            }

            getEmployees();
        });

    </script>



@endpush