@extends('dashboard.layouts.master')

@section('css')
<style type="text/css">
    .bg-easy{
        background-color: #F0ECE2 !important;
        /*border: 1px solid !important;*/
    }
    .bg-mid{
        background-color: #ACDBDF !important;
    }

    .bg-good{
        background-color: #69779B !important;
    }

    .text-black{
        color: #000000 !important;
    }
</style>
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">{{trans('labels.help')}}</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item"><a href="{{route('admin.helps.index')}}">{{trans('labels.help-list')}}</a></li>
            <li class="breadcrumb-item active">{{$data->id}}</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="col-lg-12">
                        <div class="card text-black bg-easy">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>الاسم : {{$data->name}}</p>
                                </blockquote>
                            </div>
                        </div>
                        <div class="card text-black bg-easy">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>الايميل : {{$data->email}}</p>
                                </blockquote>
                            </div>
                        </div>
                        <div class="card text-black bg-easy">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>رقم الهاتف : {{$data->phone}}</p>
                                </blockquote>
                            </div>
                        </div>
                        <div class="card text-black bg-easy">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>الرسالة : {{$data->message}}</p>
                                </blockquote>
                            </div>
                        </div>
                        <div class="card text-black bg-good">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>حالة الطلب : {{$data->statusLabel()}}</p>
                                </blockquote>
                            </div>
                        </div>
                        <div class="card text-black bg-good">
                            <div class="card-body ">
                                <blockquote class="card-blockquote mb-0" >
                                    <p>تعليق الادمن : {{$data->comment}}</p>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                    @if($data->canUpdate())
                        <form action="{{route('admin.helps.update', ['id' => $data->id])}}" method="post" enctype="multipart/form-data">
                            @csrf
                            @method('patch')
                            
                            <div class="form-group">
                                <label>{{trans('labels.comment')}}</label>
                                <textarea class="form-control" name="comment">{{old('comment') ?? $data->comment}}</textarea>
                                @error('comment')
                                <span class="invalid-feedback" type="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>{{trans('labels.status')}}</label>
                                <select class="form-control"  name="status">
                                    <option value="1">{{trans('labels.done')}}</option>
                                    <option value="2">{{trans('labels.pending')}}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                    {{trans('labels.submit')}}
                                </button>
                            </div>
                        </form>
                    @endif
                    

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

@section('script')
    
@endsection