@section('title','View Quote Request')

@push('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/katex.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/monokai-sublime.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/quill.snow.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/quill.bubble.css')}}">
@endpush

@push('style')
<link rel="stylesheet" href="{{asset('css/admin/quote/viewQuote.css')}}">
@endpush

@push('vendor-script')
<script src="{{asset('vendors/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('vendors/jquery-validation/additional-methods.min.js')}}"></script>
<script src="{{asset('vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/form/jquery.form.js')}}"></script>
<script src="{{asset('vendors/quill/katex.min.js')}}"></script>
<script src="{{asset('vendors/quill/highlight.min.js')}}"></script>
<script src="{{asset('vendors/quill/quill.min.js')}}"></script>
<script src="{{asset('vendors/quill/quill.htmlEditButton.min.js')}}"></script>
@endpush

@push('script')
<script src="{{asset('js/admin/quote/viewQuote.js')}}"></script>
@endpush

<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs"></x-breadcrumbs>

    <div class="col s12">
        <div class="container">
            {{-- Content --}}
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="col s12">
                                <div class="col s2 m12 l12">
                                    <div class="row justify-content-md-center">
                                        @if(auth()->user()->can('fulfill_order_update') && ($quote->status == 1)) <button class="btn green waves-effect waves-light complete-quote-button right mr-2" data-url="{{route('admin_quote_complete', ['quote_id' => $quote->id])}}">
                                            Mark as fullfilled <i class="material-icons right">check</i></button>
                                        @endif
                                    </div>
                                </div>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Customer')
                                        </label>
                                        <label>
                                            <span><b>{{ $quote->customer->name }} </b></span>
                                        </label>
                                    </div>
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Name')
                                        </label>
                                        <label>
                                            <span><b>{{ $quote->name }}</b> </span>
                                        </label>
                                    </div>
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Phone Number')
                                        </label>
                                        <label>
                                            <span><b>{{ $quote->phone_number }}</b> </span>
                                        </label>
                                    </div>
                                </div><br><br>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Email')
                                        </label>
                                        <label>
                                            <span><b>{{ $quote->email }}</b> </span>
                                        </label>
                                    </div>
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Quote Status')
                                        </label>
                                        <label>
                                            @if($quote->status == 1)
                                            <span class="chip cyan lighten-5">
                                                <span class="cyan-text">{{$quote->status_label}}</span>
                                            </span>
                                            @endif
                                            @if($quote->status == 2)
                                            <span class="chip green lighten-5">
                                                <span class="green-text">{{$quote->status_label}}</span>
                                            </span>
                                            @endif
                                        </label>
                                    </div>
                                </div><br><br>
                                <hr>
                                <div class="row justify-content-md-center">
                                    <div class="chat-content-area animate fadeUp">
                                        <div class="chat-area">
                                            <div class="chats">
                                                <div class="chat">
                                                    <div class="chat-body">
                                                        <div class="chat-text">
                                                            <p>{{$quote->message}}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                @foreach($quote->messages as $message)
                                                <div class="chat @if($message->from_admin) chat-right @endif">
                                                    <div class="chat-body">
                                                        <div class="chat-text">
                                                            @if($message->package)
                                                            <div>
                                                                <p>Package:</p>
                                                                <b>{{$message->package->title}}<br></b>
                                                                {{strip_tags($message->package->option->description)}}<br>
                                                                Price: <b>{{$message->package->option->price}} @Lang('custom.KWD')</b>
                                                                <p>{{$message->package->option->price}} @Lang('custom.KWD')</p>
                                                            </div>
                                                            @else
                                                            <p>{{$message->message}}</p>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>

                                        <div class="chat-footer">
                                            <form action="{{route('admin_quote_save_message')}}" method="post" class="chat-input" id="chatForm">
                                                @csrf
                                                <input type="hidden" value="{{$quote->id}}" name="quote_id">
                                                <a class="btn green waves-effect waves-light create-package-btn" href="javascript:void(0)" data-url="{{route('admin_package_add_quote_package', ['quote_id' => $quote->id])}}">Create&nbsp;Package</a>
                                                <input type="text" name="message" placeholder="Type message here.." class="message mb-0">
                                                <a class="btn info waves-effect waves-light send-chat">Send</a>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-admin-layout>