@extends('admin.layouts.app')
@section('title', 'Main page')
@section('extra-css')
<script src="{{ asset('plugins/tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
<script>tinymce.init({selector:'textarea'});</script>
@endsection
@section('content')
{{-- {{session()->get('errors')}} --}}

    <!-- Start Page content -->
    <div class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-sm-12">
                    <div class="box">

                        <div class="box-header with-border">
                            <div class="d-flex flex-row" style="justify-content: space-between;">
                                <h4>{{ $page }}</h4>
                                <a href="{{ url('complaint/title') }}">
                                    <button class="btn btn-danger btn-sm pull-right" type="submit">
                                        <i class="mdi mdi-keyboard-backspace mr-2"></i>
                                        @lang('view_pages.back')
                                    </button>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-12">

                            <form method="post" class="form-horizontal" action="{{ route('admin.complaint.communicationlog.store', $complaint) }}">
                                @csrf

                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="type">Type <span class="text-danger">*</span></label>
                                            <select name="type" id="type" class="form-control" required>
                                                <option value="email sent">Emai Sent</option>
                                                <option value="email received">Email Received</option>
                                                <option value="by phone">By Phone</option>
                                                <option value="whatsapp">Whatsapp</option>
                                                <option value="oral conversation">Oral Conversation</option>
                                                <option value="other">Other</option>
                                            </select>
                                            <span class="text-danger">{{ $errors->first('type') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="subject">Subject <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" name="subject" id="subject" required>
                                            <span class="text-danger">{{ $errors->first('subject') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="type">Message text <span class="text-danger">*</span></label>
                                            <textarea name="log" rows="10" class="form-control"></textarea>
                                            <span class="text-danger">{{ $errors->first('log') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="driver_id">@lang('view_pages.driver')</label>
                                            <select name="driver_id" id="driver_id" class="form-control">
                                                <option value="" selected disabled>@lang('view_pages.select')</option>
                                                @foreach($drivers as $driver)
                                                <option value="{{ $driver->id }}">{{ $driver->name }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">{{ $errors->first('driver_id') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="user_id">Linked Practitioner <small>Complainant Customer </small></label>
                                            <select name="user_id" id="user_id" class="form-control">
                                                <option value="" selected disabled>@lang('view_pages.select')</option>
                                                @foreach($users as $user)
                                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger">{{ $errors->first('user_id') }}</span>
                                        </div>
                                    </div>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-12">
                                        <button class="btn btn-primary btn-sm pull-right m-5" type="submit">
                                            @lang('view_pages.save')
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- container -->
</div>
    <!-- content -->
@endsection