@extends('layouts.default')

@section('title')
    Meeting Setup
@endsection

@section('header-style')

    <style>
        .makeReadable{
            pointer-events: none;
        }
        .forRotate {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

        }
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header border-bottom" style="overflow: hidden">
                    <h6 class="float-left">Meeting Update</h6>
                    <span class="float-right btn btn-primary forRotate col-md-2 {{isset($request_data->meeting_ref_id)?'':'hidden'}}">Requested</span>
                </div>
                <div class="card-body">
                    <form method="POST" id="fileupload" action="{{route('meetingUpdateSetup',$data->meeting_id)}}"
                          enctype="multipart/form-data">
                        {!! csrf_field() !!}
                        @method('PUT')
                        <input type="hidden" name="editForm" value="{{$data->status}}">
                        <div class="row">
                            <div class="col">

                                <div class="row">
                                    <div class="col {{isset($request_data->meeting_ref_id)?'makeReadable':''}}" >
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Meeting Type</label>
                                            </div>
                                            <div class="col-md-9">
                                                <select class="select2 form-control" name="meeting_type">
                                                    <option value="">-- Please select an option --</option>
                                                    @foreach($activities as $activity)
                                                        <option
                                                            value="{{$activity->activity_id}}" {{isset($data->activity_id) && $data->activity_id == $activity->activity_id ? 'selected' : ''}}>{{$activity->activity_name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('meeting_type'))
                                                    <span class="help-block">{{ $errors->first('meeting_type') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col">
                                        <div class="row my-1">
                                            <div class="text-left col-md-3"><label class="input-required">Meeting
                                                    Name</label></div>
                                            <div class="col-md-9">
                                                <input type="text" name="meeting_name" placeholder="Meeting Name"
                                                       value="{{old('meeting_name',$data->meeting_name)}}"
                                                       class="form-control">
                                                @if ($errors->has('meeting_name'))
                                                    <span class="help-block">{{ $errors->first('meeting_name') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="row my-1">
                                            <div class="text-left col-md-3"><label
                                                    class="input-required">Chairperson</label></div>
                                            <div class="col-md-9">
                                                <select name="chairperson" id="chairperson" class="select2 form-control"
                                                        style="width: 100%;">
                                                    <option
                                                        value="{{$data->chairperson}}">{{$data->chairperson}}</option>
                                                </select>
                                                @if ($errors->has('chairperson'))
                                                    <span class="help-block">{{ $errors->first('chairperson') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Date</label></div>
                                            <div class="col-md-9">
                                                <div class="input-group date datePiker" id="meeting-date"
                                                     data-target-input="nearest">
                                                    <input type="text" class="form-control datetimepicker-input"
                                                           value="{{ old('meeting_date',\App\Helpers\HelperClass::customDateFormat($data->meeting_date)) }}"
                                                           name="meeting_date" data-toggle="datetimepicker"
                                                           data-target="#meeting-date"/>
                                                    <div class="input-group-append" data-target="#meeting-date"
                                                         data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="bx bxs-calendar"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('meeting_date'))
                                                    <span class="help-block">{{ $errors->first('meeting_date') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Start Time</label></div>
                                            <div class="col-md-9">
                                                <div class="input-group date timePiker" id="start-time"
                                                     data-target-input="nearest">
                                                    <input type="text" class="form-control datetimepicker-input"
                                                           value="{{ old('start_time',\App\Helpers\HelperClass::customTimeFormat($data->start_time)) }}"
                                                           name="start_time" data-toggle="datetimepicker"
                                                           data-target="#start-time"/>
                                                    <div class="input-group-append" data-target="#start-time"
                                                         data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="bx bx-time"></i></div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('start_time'))
                                                    <span class="help-block">{{ $errors->first('start_time') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">End Time</label></div>
                                            <div class="col-md-9">
                                                <div class="input-group date timePiker" id="end-time"
                                                     data-target-input="nearest">
                                                    <input type="text" class="form-control datetimepicker-input"
                                                           value="{{ old('end_time',\App\Helpers\HelperClass::customTimeFormat($data->end_time)) }}"
                                                           name="end_time" data-toggle="datetimepicker"
                                                           data-target="#end-time"/>
                                                    <div class="input-group-append" data-target="#end-time"
                                                         data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="bx bx-time"></i></div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('end_time'))
                                                    <span class="help-block">{{ $errors->first('end_time') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Actual Start
                                                    Time</label></div>
                                            <div class="col-md-9">
                                                <div class="input-group date timePiker" id="actual-start-time"
                                                     data-target-input="nearest">
                                                    <input type="text" class="form-control datetimepicker-input"
                                                           value="{{ old('actual_start_time',\App\Helpers\HelperClass::customTimeFormat(empty($data->meeting_actual_start_time)? $data->start_time :$data->meeting_actual_start_time)) }}"
                                                           name="actual_start_time" data-toggle="datetimepicker"
                                                           data-target="#actual-start-time"/>
                                                    <div class="input-group-append" data-target="#actual-start-time"
                                                         data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="bx bx-time"></i></div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('actual_start_time'))
                                                    <span
                                                        class="help-block">{{ $errors->first('actual_start_time') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Actual End Time</label>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="input-group date timePiker" id="actual-end-time"
                                                     data-target-input="nearest">
                                                    <input type="text" class="form-control datetimepicker-input"
                                                           value="{{ old('actual_end_time',\App\Helpers\HelperClass::customTimeFormat(empty($data->meeting_actual_end_time)? $data->end_time :$data->meeting_actual_end_time)) }}"
                                                           name="actual_end_time" data-toggle="datetimepicker"
                                                           data-target="#actual-end-time"/>
                                                    <div class="input-group-append" data-target="#actual-end-time"
                                                         data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="bx bx-time"></i></div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('actual_end_time'))
                                                    <span
                                                        class="help-block">{{ $errors->first('actual_end_time') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    @if(!$operators->isEmpty())
                                        <div class="col-md-4">
                                            <div class="row my-1">
                                                <div class="col-md-3"><label class="input-required">Meeting
                                                        Caller</label>
                                                </div>
                                                <div class="col-md-9">
                                                    <select class="select2 form-control" name="meeting_caller_user_id">
                                                        <option value="">-- Please select an option --</option>
                                                        @foreach($operators as $operator)
                                                            <option
                                                                value="{{$operator->operator_for_user_id}}" {{isset($data->meeting_caller_user_id) && $data->meeting_caller_user_id == $operator->operator_for_user_id ? 'selected' : ''}}>{{isset($operator->user->employee->emp_name)?$operator->user->employee->emp_name:''}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('meeting_caller_user_id'))
                                                        <span
                                                            class="help-block">{{ $errors->first('meeting_caller_user_id') }}</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <input type="hidden" name="meeting_caller_user_id" value="{{\Auth::id()}}">
                                    @endif
                                </div>
                                <div class="row">


                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Location</label></div>
                                            <div class="col-md-9">
                                                <input name="meeting_location" type="text"
                                                       value="{{ old('meeting_location',$data->meeting_location ) }}"
                                                       autocomplete="off" class="form-control pickatime">
                                                @if ($errors->has('meeting_location'))
                                                    <span
                                                        class="help-block">{{ $errors->first('meeting_location') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Venue</label></div>
                                            <div class="col-md-9">
                                                <input name="meeting_venue" type="text"
                                                       value="{{ old('meeting_venue',$data->meeting_venue ) }}"
                                                       autocomplete="off" class="form-control pickatime">
                                                @if ($errors->has('meeting_venue'))
                                                    <span
                                                        class="help-block">{{ $errors->first('meeting_venue') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="text-left col-md-3"><label>File No.</label></div>
                                            <div class="col-md-9">
                                                <input type="text" name="file_no" placeholder="Enter file no."
                                                       class="form-control" id="file_no" value="{{old('file_no',$data->file_no)}}">
                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3 text-left"><label class="input-required">Agenda</label>
                                            </div>
                                            <div class="col-md-9">
                                                <textarea id="textarea" name="agenda" placeholder="Enter Your Agenda"
                                                          rows="2"
                                                          wrap="soft"
                                                          class="form-control">{{old('agenda',$data->agenda)}}</textarea>
                                                @if ($errors->has('agenda'))
                                                    <span
                                                        class="help-block">{{ $errors->first('agenda') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Priority</label></div>
                                            <div class="col-md-9">
                                                <select class="form-control" name="priority_id">
                                                    <option value="">-- Please select an option --</option>
                                                    @foreach($priorities as $priority)
                                                        <option
                                                            value="{{$priority->priority_id}}" {{isset($data->priority_id) && $data->priority_id == $priority->priority_id ? 'selected' : '' }}>{{$priority->priority_name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('priority_id'))
                                                    <span class="help-block">{{ $errors->first('priority_id') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="text-left col-md-3"><label>Status </label></div>
                                            <div class="col-sm-9">
                                                <ul class="list-unstyled mb-0">
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                            <div class="radio">
                                                                <input type="radio" name="meeting_status" id="radio1" {{(Auth::user()->hasPermission('CAN_AUTHORIZED_AMS'))?'':'disabled'}}
                                                                       {{($data->status == 'P')?'checked': ''}} value="P">
                                                                <label for="radio1">Pending</label>
                                                            </div>
                                                        </fieldset>
                                                    </li>
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                            <div class="radio">
                                                                <input type="radio" name="meeting_status" id="radio2" {{(Auth::user()->hasPermission('CAN_AUTHORIZED_AMS'))?'':'disabled'}}
                                                                       {{($data->status == 'A')?'checked': ''}} value="A">
                                                                <label for="radio2">Approved</label>
                                                            </div>
                                                        </fieldset>
                                                    </li>
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                            <div class="radio">
                                                                <input type="radio" name="meeting_status" id="radio3" {{(Auth::user()->hasPermission('CAN_AUTHORIZED_AMS'))?'':'disabled'}}
                                                                       {{($data->status == 'C')?'checked': ''}} value="C">
                                                                <label for="radio3">Complete</label>
                                                            </div>
                                                        </fieldset>
                                                    </li>
                                                    <li class="d-inline-block mr-2 mb-1">
                                                        <fieldset>
                                                            <div class="radio">
                                                                <input type="radio" name="meeting_status" id="radio4" {{(Auth::user()->hasPermission('CAN_AUTHORIZED_AMS'))?'':'disabled'}}
                                                                       {{($data->status == 'R')?'checked': ''}} value="R">
                                                                <label for="radio4">Cancel</label>
                                                            </div>
                                                        </fieldset>
                                                    </li>
                                                </ul>
                                                @if ($errors->has('meeting_status'))
                                                    <span
                                                        class="help-block">{{ $errors->first('meeting_status') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>


                                <div class="row mt-3">
                                    <div class="col">
                                        <div class="card">
                                            <h4 class="card-title">Decision and Discussion</h4>
                                            <div class="card-content">
                                                <div class="table-responsive">
                                                    <input name="deleted_discussion_decisions"
                                                           id="deleted_discussion_decisions" type="hidden">
                                                    <table class="table" id="discussion-decision-table">
                                                        <thead>
                                                        <tr>
                                                            <th>Discussion</th>
                                                            <th>Decision</th>
                                                            <th>Action</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        @if( isset($data->discussions) && count($data->discussions)>0)
                                                            @foreach($data->discussions as $discussion)
                                                                @if($discussion->status != 'D')
                                                                    <tr class="discussion-cloned-row">
                                                                            <td class="text-center">
                                                                                <input name="decision_discussion_id[]"
                                                                                       value="{{$discussion->discussion_decision_id}}"
                                                                                       type="hidden">
                                                                                <textarea name="discussion[]"
                                                                                          placeholder="Enter discussion"
                                                                                          rows="2" class="form-control"
                                                                                          wrap="soft">{{$discussion->discussion}}</textarea>
                                                                            </td>
                                                                            <td class="text-center">
                                                                            <textarea id="textarea" name="decision[]"
                                                                                      placeholder="Enter decision"
                                                                                      rows="2" class="form-control"
                                                                                      wrap="soft">{{$discussion->decision}}</textarea>
                                                                            </td>

                                                                        <td>
                                                                                @if($discussion->meeting_req_id==null)
                                                                                <input name="ext_meeting_ref_id[]" type="hidden">
                                                                                <div class="toggle"
                                                                                     style="display: inline-flex">
                                                                                    <a size="sm" href="#"
                                                                                       class="text-success add_discussion">
                                                                                        <i class="bx bxs-plus-circle cursor-pointer font-medium-3"></i>
                                                                                    </a>
                                                                                    <a href="#"
                                                                                       class="text-danger discussion_btn_less1"
                                                                                       data-deleted_discussion_decision_id="{{$discussion->discussion_decision_id}}">
                                                                                        <i class="bx bxs-minus-circle cursor-pointer font-medium-3"></i>
                                                                                    </a>
                                                                                </div>
                                                                                @else
                                                                                <input name="ext_meeting_ref_id[]" type="hidden" value="{{$discussion->meeting_req_id}}">
                                                                                <div class="toggle"
                                                                                     style="display: inline-flex">
                                                                                    <a size="sm" href="#"
                                                                                       class="text-success add_discussion">
                                                                                        <i class="bx bxs-plus-circle cursor-pointer font-medium-3"></i>
                                                                                    </a>
                                                                                    <p id="ext_meeting_ref" style="color: darkred">External Meeting Request</p>
                                                                                </div>
                                                                                @endif
                                                                        </td>
                                                                    </tr>
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            <tr class="discussion-cloned-row">
                                                                <td class="text-center">
                                                                    <input name="decision_discussion_id[]"
                                                                           type="hidden">
                                                                    <textarea name="discussion[]"
                                                                              placeholder="Enter discussion" rows="2"
                                                                              class="form-control"
                                                                              wrap="soft"></textarea>
                                                                </td>
                                                                <td class="text-center">
                                                                    <textarea id="textarea" name="decision[]"
                                                                              placeholder="Enter decision" rows="2"
                                                                              class="form-control"
                                                                              wrap="soft"></textarea>
                                                                </td>
                                                                <td>
                                                                    <input name="ext_meeting_ref_id[]" type="hidden">
                                                                    <div class="toggle" style="display: inline-flex">
                                                                        <a size="sm" href="#"
                                                                           class="text-success add_discussion">
                                                                            <i class="bx bxs-plus-circle cursor-pointer font-medium-3"></i>
                                                                        </a>
                                                                        <a href="#"
                                                                           class="text-danger discussion_btn_less1"
                                                                           data-deleted_discussion_decision_id="">
                                                                            <i class="bx bxs-minus-circle cursor-pointer font-medium-3"></i>
                                                                        </a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-md-4">
                                        <div class="row my-1">
                                            <div class="col-md-3"><label class="input-required">Contact Group</label></div>
                                            <div class="col-md-9">
                                                <select name="groups" id="groups" class="form-control">
                                                    <option value="">Select One</option>
                                                    @foreach($groups as $group)
                                                        <option value="{{$group->cg_id}}">{{$group->group_name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <button style="margin-top: 16px" id="groupsAdd" class="btn btn-primary" type="button">
                                            Add
                                        </button>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col">
{{--                                        @include('meeting.shared.participant')--}}
                                        <div class="card">
                                            <h4 class="card-title">Required Person</h4>
                                            <div class="card-content">
                                                <!-- table with no border -->
                                                <div class="table-responsive requiredPerson">
                                                    <table class="table" id="participant-table">
                                                        <thead>
                                                        <tr>
                                                            <th>TYPE</th>
                                                            <th>NAME</th>
                                                            <th>Organization</th>
                                                            <th>Designation</th>
                                                            <th>Department</th>
                                                            <th>Mobile</th>
                                                            <th>Note Tacker</th>
                                                            <th>Status</th>
                                                            <th>Add</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody id="participant">
                                                        <input type="hidden" name="deleted_participants" value=""
                                                               id="deleted_participants">
                                                        @include('meeting.shared.group_participant')
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        @include('meeting.shared.mediaUpload')

                                        <div class="row">
                                            <div class="d-flex justify-content-end col">
                                                <button type="submit" name="save"
                                                        class="btn btn btn-dark shadow mr-1 mb-1">
                                                    Update
                                                </button>&nbsp;
                                                <a href="{{route('meetingSetup')}}"
                                                   class="btn btn btn-outline-dark mb-1 ">Cancel
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @include('meeting.setupList')
        </div>
    </div>

@endsection