@extends('layouts.vertical')

@section('css')
@endsection
@php $recipients = []; @endphp
@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Manage group chat</h4>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <p class="font-size-16 mb-0">Please use this button to disable group chat for all users:
                    <span class="d-inline-block custom-control custom-switch ml-2">
                        <input type="checkbox" class="custom-control-input" name="visibility" id="visibilitySwitch" {{isset($visibility) && !empty($visibility) && isset($visibility->v) && ($visibility->v != true && $visibility->v != "true") ? "checked" : ""}}>
                        <label class="custom-control-label" for="visibilitySwitch"></label>
                    </span>
                </p>
                <p class="font-size-16 mb-0">Please use this button to disable one-to-one chat for all users:
                    <span class="d-inline-block custom-control custom-switch ml-2">
                        <input type="checkbox" class="custom-control-input" name="visibility_private" id="visibilitySwitch_private" {{isset($visibility) && !empty($visibility) && isset($visibility->pcd) && ($visibility->pcd == true || $visibility->pcd == "true") ? "checked" : ""}}>
                        <label class="custom-control-label" for="visibilitySwitch_private"></label>
                    </span>
                </p>
                <p class="font-size-16 mb-0">Please use this button to disable the Parent & Educators group chat for all users.
                    <span class="d-inline-block custom-control custom-switch ml-2">
                        <input type="checkbox" class="custom-control-input" name="visibility_parent" id="visibilitySwitch_parent" {{isset($visibility) && !empty($visibility) && isset($visibility->pscd) && ($visibility->pscd == true || $visibility->pscd == "true") ? "checked" : ""}}>
                        <label class="custom-control-label" for="visibilitySwitch_parent"></label>
                    </span>
                </p>
                <p class="font-size-14 text-muted mt-2">Note: Group chat can be disabled using the School Interface > Messages section in the school.teachkloud.com. If group chat is disabled, group messages using the mobile app will not be available for parents or teachers. Teachers will still be able to send and receive individual and private messages from individual parents using the mobile app. School admin's can also send bulk messages using the School Interface > Messages section but these will deliver to the parent app, as an individual / private message.</p>
            </div>
        </div>
    </div>
</div>


<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">Message history</h4>
    </div>
    @if(isset($messages) && !empty($messages))
    <div class="col-sm-6 col-xl-6">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <div class="btn-group">
                <a href="{{route('message.add')}}" class="btn btn-success btn-min-width">New message</a>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection

@section('content')
@if(isset($messages) && !empty($messages))
@foreach($messages as $message)
@php
$recipients[$message->_id] = $message->mr;
@endphp
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="message-item pr-xl-5">
                    <div class="row mb-3">
                        <div class="col">
                            <h3 class="font-size-18">Message to {{ in_array(1,$message->f) ? 'parents' : ''}} {{ in_array(3,$message->f) ? 'selective parents' : ''}} {{ count($message->f) > 1 ? 'and' : '' }} {{ in_array(2,$message->f) ? 'staff' : '' }}</h3>
                            <p class="mb-0" data-datetime="{{$message->c}}" data-datetime-format="DD/MM/YYYY, hh:mm A">{{date('d/m/y, h:i a', strtotime($message->c))}}</p>
                        </div>
                        <div class="col-sm-auto mt-2 mt-sm-0">
                            @if(count($message->mr))
                            <a class="text-success font-weight-semibold view-recipients" data-id="{{$message->_id}}" href="javascript:;">View recipients</a>
                            @else
                            <a class="text-muted font-weight-semibold" href="javascript:;">No recipients</a>
                            @endif
                        </div>
                    </div>
                    <div class="mb-4 mb-4 pr-xl-5">
                        @php
                        $msg = $message->t;
                        $url = '@(http(s)?)?(://)?(([a-zA-Z])([-\w]+\.)+([^\s\.]+[^\s]*)+[^,.\s])@';
                        $msg = preg_replace($url, '<a href="http$2://$4" target="_blank">$0</a>', $msg);
                        $msg = str_ireplace(array("\r\n\t",'\r\n\t',"\r\n",'\r\n',"\n",'\n',"\t",'\t'),'<br/>',$msg);
                        @endphp
                        <p class="mb-0">{!! $msg !!}</p>
                    </div>
                    @if(isset($message->m) && !empty($message->m))
                    <div class="mb-2">
                        <h6 class="font-size-16 mb-3">Attachment</h6>
                        <div class="upload-multiple-file">
                            @foreach($message->m as $m)
                            @php $ext = pathinfo($m->u, PATHINFO_EXTENSION); @endphp
                            <div class="upload-item">
                                <a href="{{ $m->u }}" class="text-grey" download>
                                <div class="upload-file show">
                                    @if($ext == '')
                                    @elseif(strtolower($ext) == 'pdf')
                                    <i class="icon-pdf"></i>
                                    @elseif(in_array(strtolower($ext), ['mp4','mov']))
                                    <video class="icon-video" controls><source src="{{$m->u}}" type="video/mp4"></video>
                                    @elseif(in_array(strtolower($ext), ['png','jpg','jpeg']))
                                    <img src="{{$m->u}}" class="icon-image" />
                                    @endif
                                </div>
                                <span class="file-name">{{$m->n}}</span>
                                </a>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif
                    <div class="">
                        <h6 class="font-size-16">Message sent to the <span class="text-success">{{ in_array(1,$message->f) ? 'parents' : ''}} {{ in_array(3,$message->f) ? 'selective parents' : ''}} {{ count($message->f) > 1 ? 'and' : '' }} {{ in_array(2,$message->f) ? 'staff' : '' }} of {{implode(', ', $message->r)}}.</span></h6>
                    </div>
                </div>
                <div class="row border-bottom my-5 mx-n5"></div>
            </div>
        </div>
    </div>
</div>
@endforeach
@else
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <p class="font-size-16">Send messages to staff or parents.</p>
                <a href="{{route('message.add')}}" class="btn btn-success btn-min-width">New message</a>
            </div>
        </div>
    </div>
</div>
@endif
@endsection

@section('rightconent')
<div class="right-bar">
    <div class="rightbar-title border-bottom">
        <a href="javascript:void(0);" class="right-bar-toggle float-right"><i class="icon-cross"></i></a>
        <h5 class="m-0 font-size-19 font-weight-semibold">View recipients</h5>
    </div>
    <div class="slimscroll-menu">
        <div class="">
            <h5 class="font-size-19 mb-3 teacher">List of staff</h5>
            <div class="teachers-list"></div>
            <h5 class="font-size-19 mb-3 parent">List of parents</h5>
            <div class="parents-list"></div>
        </div>
    </div>
</div>
<div class="rightbar-overlay"></div>
@endsection

@section('script-bottom')
<script type="text/javascript"> var visibility_change_url = "{{ route('message.settings') }}", recipients=null; </script>
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/message.js') }}?v={{time()}}" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('[data-datetime]').each(function(){
            $(this).text(moment($(this).attr('data-datetime')).format($(this).attr('data-datetime-format')))
        });
    });
</script>
@endsection