@extends('app')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/plugins/blueimp/blueimp-gallery.min.css') }}">

    @if (Session::has('flash_message'))
        <div class="alert {{ Session::has('flash_message_status') ? 'alert-error' : 'alert-success' }}">
            <button class="close" data-dismiss="alert"></button>
            {!! Session::get('flash_message') !!}
        </div>
    @endif

    <div class="grid simple">
        <div class="grid-body">
            <div class="c-page-title">
                <span>{{ $twasul->twasul_type->title }} - تواصل</span>
            </div>
            <hr>
            <br>
            @if ($twasul->reviewer && $twasul->is_reviewed())
                <div style="border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;">
                    <div class="form-group row">

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

                                <label class="pull-left">{{ $twasul->reviewer->username }}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="label-b control-lable">تمت المراجعة من قبل </label>
                        </div>
                    </div>
                    <div class="form-group row">

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

                                <label class="pull-left">{{ strftime('%H:%M:%S %Y-%m-%d', $twasul->reviewed_at) }}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="label-b control-lable">التاريخ </label>
                        </div>
                    </div>
                </div>
                <!-- <div class="form-group row">

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

                            <label class="pull-left">{{ $twasul->device_info }}</label>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-12">
                        <label class="label-b control-lable">@lang('common.twasuls')</label>
                    </div>
                </div> -->
            @endif
            <div class="form-group row">
                <div class="col-md-9 col-sm-12">
                    <div>
                        <label class="pull-left">{{ strftime('%H:%M:%S %Y-%m-%d', $twasul->created_at->timestamp) }}</label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">التاريخ </label>
                </div>
            </div>
            <div class="form-group row">

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

                        <label class="pull-left">{{ $twasul->request_id }}</label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">رقم الاستمارة </label>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-9 col-sm-12">
                    <div>
                        <label class="pull-left">{{ $twasul->twasul_type->title }}</label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">نوع الإستمارة </label>
                </div>
            </div>
            <div class="form-group row">

                <div class="col-md-9 col-sm-12">
                    <label class="pull-left">
                        {!! $twasul->sender->full_name_w_i() !!}
                    </label>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">المرسل </label>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-9 col-sm-12">
                    <div>
                        <label class="pull-left">{{ $twasul->title }}</label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">الموضوع </label>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-9 col-sm-12">
                    <div>
                        <label class="pull-left">
                            {!! strtok(str_replace(PHP_EOL, '<br>', utf8_decode($twasul->description)), "\n") !!}
                        </label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">النص </label>
                </div>
            </div>

            <div class="form-group row">

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

                        <label class="pull-left">{{ $twasul->device_info }}</label>
                    </div>
                </div>
                <div class="col-md-2 col-sm-12">
                    <label class="label-b control-lable">@lang('common.twasuls')</label>
                </div>
            </div>

            @if (count($twasul->additional_images) > 0)
                <div class="form-group row">
                    <div class="input-with-icon  right col-md-9 col-sm-12">
                        @foreach ($twasul->additional_images as $image)
                            <div class="col-md-4 col-sm-12 pull-right-f">
                                <a class="gallery-item" data-gallery="" href="{{ $image->image }}"><img
                                        src="{{ $image->image }}"
                                        style="border: 2px solid #ccc;margin-bottom: 5px; max-height: 200px; max-width: 200px;"></a>
                                <a href="{{ $image->image }}" download="myimage"><img
                                        src="{{ asset('assets/cpanel/images/download.png') }}" width="30"
                                        height="30" style="vertical-align: top"></a>
                                <label
                                    style="width:160px;margin-bottom: 20px;text-align: center;">{{ $image->caption }}</label>
                            </div>
                        @endforeach
                    </div>
                    <div class="col-md-2 col-sm-12">
                        <label class="label-b control-lable">الصورة </label>
                    </div>
                </div>
            @endif

            <div class="row">
                <div class="col-sm-12">
                    <div class="form-actions" style="margin: 34px -13px -26px !important;">
                        <div class="pull-right">
                            <form method="POST" action="{{ route('admin.twasul.toggle_review', $twasul->id) }}"
                                class="inline">
                                @csrf
                                <button type="submit" class="btn btn-primary btn-cons pull-right">
                                    {{ $twasul->status == 0 ? 'تغيير الحالة إلى مراجعة' : 'تغيير الحالة إلى تمت' }}
                                </button>
                            </form>
                        </div>

                        <div class="pull-right" style="margin-right: 10px;">
                            <form method="POST" action="{{ route('twasul.destroy', $twasul->id) }}"
                                class="inline deleteaction">
                                @csrf
                                @method('DELETE')
                                <button id="delete_button" type="submit"
                                    class="btn btn-danger btn-cons pull-right">حذف</button>
                            </form>
                        </div>

                        <a href="{{ route('twasul.index', ['type' => $twasul->twasul_type_id, 'screen' => $screen]) }}"
                            class="btn btn-success btn-cons pull-left">إلغاء</a>
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_script')
    <script src="{{ asset('assets/plugins/blueimp/jquery.blueimp-gallery.min.js') }}"></script>
@endsection