@extends('layouts.default')

@section('title')
    Meeting Setup
@endsection

@section('header-style')
    <!--Load custom style link or css-->
    <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 Setup</h6>
                    <span class="float-right btn btn-primary forRotate col-md-2 {{isset($request_data->meeting_req_id)?'':'hidden'}}">Requested</span>
                </div>
                <div class="card-body">
                    <form method="POST"  action="{{route('meetingStoreSetup')}}">
                        {!! csrf_field() !!}
                        <input type="hidden" name="meeting_req_id" id="meeting_req_id" value="{{ isset($request_data->meeting_req_id)?$request_data->meeting_req_id:'' }}">
                        <div class="row">
                            <div class="col-md-4 {{isset($request_data->subject)?'makeReadable':''}}">
                                <div class="row my-1">
                                    <div class="col-sm-3 col-xs-12"><label class="input-required">Meeting Type</label>
                                    </div>
                                    <div class="col-sm-9 col-xs-12">
                                        <select class="select2 form-control" name="meeting_type">
                                            <option value="">-- Please select an option --</option>
                                            @foreach($activities as $activity)
{{--                                                <option value="{{$activity->activity_id}}" {{ old('meeting_type') == $activity->activity_id ? 'selected' : '' }}>{{$activity->activity_name}}</option>--}}
                                                <option value="{{$activity->activity_id}}" {{ old('meeting_type') == $activity->activity_id ? 'selected' : '' }}  {{isset($request_data->subject)==1 && $activity->activity_id==20040622002005285?'selected':''}}>{{$activity->activity_name}}</option>

                                            @endforeach
                                        </select>
                                        @if ($errors->has('meeting_type'))
                                            <span class="help-block">{{ $errors->first('meeting_type') }}</span>
                                        @endif
{{--                                        {!! $errors->first('meeting_type', '<p class="help-block">:message</p>') !!}--}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="row my-1">
                                    <div class="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') }}"
                                               class="form-control" autocomplete="off">
                                        @if ($errors->has('meeting_name'))
                                            <span class="help-block">{{ $errors->first('meeting_name') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="row my-1">
                                    <div class="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="">Select Officer</option>
                                            @if(old('chairperson'))
                                                <option value="{{old('chairperson')}}"
                                                        selected>{{old('chairperson')}}</option>
                                            @endif
                                        </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" autocomplete="off"
                                                   class="form-control datetimepicker-input"
                                                   value="{{ old('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" autocomplete="off"
                                                   class="form-control datetimepicker-input"
                                                   value="{{ old('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" autocomplete="off"
                                                   class="form-control datetimepicker-input"
                                                   value="{{ old('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>
                        <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' ) }}" 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') }}"
                                               autocomplete="off" class="form-control pickatime">
                                        @if ($errors->has('meeting_venue'))
                                            <span
                                                class="help-block">{{ $errors->first('meeting_venue') }}</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}}" {{count($operators) == 1 || old('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 class="col-md-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}}" {{ old('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="col-md-3"><label class="input-required">Agenda</label></div>
                                    <div class="col-md-9">
{{--                                        <textarea id="textarea" name="agenda" placeholder="Enter Your Agenda" rows="3" wrap="soft" class="form-control">{{ old('agenda') }}</textarea>--}}
                                        <textarea id="textarea" name="agenda" placeholder="Enter Your Agenda" rows="3"  wrap="soft" class="form-control">{{ old('agenda', isset($request_data->subject)?$request_data->subject:'') }}</textarea>

                                    @if ($errors->has('agenda'))
                                            <span class="help-block">{{ $errors->first('agenda') }}</span>
                                        @endif
                                    </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="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>
                        <div class="row my-1 d-flex justify-content-end col">
                            <button type="submit" name="save" class="btn btn btn-dark shadow mr-1 mb-1">Save</button>
                            <button type="reset" class="btn btn btn-outline-dark  mb-1 ">Cancel</button>
                        </div>
                    </form>

                    <!-- Borderless table end -->
                </div>
            </div>
            @include('meeting.setupList')
        </div>
    </div>

@endsection