@extends('admin.layout.master')
@section('title', 'إرسال رسالة')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">إرسال رسالة</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-box">


                <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
                           aria-controls="pills-home" aria-selected="true">العملاء</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link " id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab"
                           aria-controls="pills-profile" aria-selected="false">الكابتن</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="pills-groups-tab" data-toggle="pill" href="#pills-groups" role="tab"
                           aria-controls="pills-groups" aria-selected="false">المجموعات</a>
                    </li>

                </ul>
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                         aria-labelledby="pills-home-tab">

                        <div class="row">
                            <div class="col-xl-12">
                                <form method="post" action="{{ route('sendMessageClients') }}"
                                      enctype="multipart/form-data">
                                    @csrf

                                    <div class="row">


                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة العربية</label>
                                            <textarea name="message_ar" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة العربية  ">{{ old('message_ar') }}</textarea>
                                            @if ($errors->has('message_ar'))
                                                <small class="text-danger">{{ $errors->first('message_ar') }}</small>
                                            @endif
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة الإنجليزية</label>
                                            <textarea name="message_en" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة الإنجليزية  ">{{ old('message_en') }}</textarea>
                                            @if ($errors->has('message_en'))
                                                <small class="text-danger">{{ $errors->first('message_en') }}</small>
                                            @endif
                                        </div>


                                    </div>


                                    <div class="form-group">
                                        <label for="exampleInputEmail1">يمكنكم إختيار عملاء أو ارسال للجميع</label>

                                        <br>
                                        <select style="direction: rt" class="js-example-basic-multiple form-control"
                                                name="users[]" multiple="multiple">
                                            @foreach ($clients as $client)
                                                <option value="{{ $client->id }}">{{ $client->fullname }}
                                                    - {{ $client->mobile }}
                                                </option>
                                            @endforeach

                                        </select>

                                    </div>


                                    <button type="submit" class="btn btn-primary">إرسال</button>
                                </form>
                            </div><!-- end col -->


                        </div><!-- end row -->


                    </div>





                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">


                        <div class="row">
                            <div class="col-xl-12">
                                <form method="post" action="{{ route('sendMessagesCaptain') }}"
                                      enctype="multipart/form-data">
                                    @csrf

                                    <div class="row">

                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة العربية</label>
                                            <textarea name="message_ar" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة العربية  ">{{ old('message_ar') }}</textarea>
                                            @if ($errors->has('message_ar'))
                                                <small class="text-danger">{{ $errors->first('message_ar') }}</small>
                                            @endif
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة الإنجليزية</label>
                                            <textarea name="message_en" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة الإنجليزية  ">{{ old('message_en') }}</textarea>
                                            @if ($errors->has('message_en'))
                                                <small class="text-danger">{{ $errors->first('message_en') }}</small>
                                            @endif
                                        </div>


                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">يمكنكم إختيار كباتن أو ارسال للجميع</label>

                                        <br>
                                        <select style="direction: rtl" class="js-example-basic-multiple form-control"
                                                name="captains[]" multiple="multiple">
                                            @foreach ($drivers as $driver)
                                                <option value="{{ $driver->id }}">{{ $driver->fullname }}
                                                    - {{ $driver->mobile }}
                                                </option>
                                            @endforeach

                                        </select>
                                    </div>


                                    <button type="submit" class="btn btn-primary">إرسال</button>
                                </form>
                            </div><!-- end col -->


                        </div><!-- end row -->


                    </div>
                    <div class="tab-pane fade" id="pills-groups" role="tabpanel" aria-labelledby="pills-groups-tab">


                        <div class="row">
                            <div class="col-xl-12">
                                <form method="post" action="{{ route('sendMessagesGroup') }}"
                                      enctype="multipart/form-data">
                                    @csrf

                                    <div class="row">

                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة العربية</label>
                                            <textarea name="message_ar" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة العربية  ">{{ old('message_ar') }}</textarea>
                                            @if ($errors->has('message_ar'))
                                                <small class="text-danger">{{ $errors->first('message_ar') }}</small>
                                            @endif
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label for="exampleInputEmail1">محتوي الرسالة باللغة الإنجليزية</label>
                                            <textarea name="message_en" style="height: 144px" class="form-control" required
                                                      placeholder="محتوي الرسالة باللغة الإنجليزية  ">{{ old('message_en') }}</textarea>
                                            @if ($errors->has('message_en'))
                                                <small class="text-danger">{{ $errors->first('message_en') }}</small>
                                            @endif
                                        </div>


                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">يمكنكم إختيار مجموع أو ارسال للجميع</label>

                                        <br>
                                        <select style="direction: rtl" class="js-example-basic-multiple form-control"
                                                name="groups[]" multiple="multiple">
                                            @foreach ($groups as $group)
                                                <option value="{{ $group->id }}">{{ $group->group_name }}

                                                </option>
                                            @endforeach

                                        </select>
                                    </div>


                                    <button type="submit" class="btn btn-primary">إرسال</button>
                                </form>
                            </div><!-- end col -->


                        </div><!-- end row -->


                    </div>

                </div>


            </div>
        </div><!-- end col -->
    </div>



@stop