@extends('customer.layouts.app')
@section('title')
    Latest News
@endsection
@section('css')
    <style>
        h1 {
            color: #d98732;
        }

        .list-group-horizontal .list-group-item.active a {
            color: #d98732 !important;
        }

        .list-group-item.active {
            background: none !important;
            border-color: none !important;
        }

        .list-group-item {
            border: none;
            background: none;
        }

        .list-group .list-group-item a {
            color: white !important;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="card" style="background: black;">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <ul class="list-group list-group-horizontal list-unstyled bg-dark">
                                    <li
                                        class="list-group-item  {{ request()->is('customer/customer-message/create') ? 'active' : '' }}">
                                        <a href="{{ url('customer/customer-message/create') }}"
                                            class="text-decoration-none ">Create Message</a>
                                    </li>
                                    <li
                                        class="list-group-item {{ request()->is('customer/customer-message/unread-message') ? 'active' : '' }}">
                                        <a href="{{ url('customer/customer-message/unread-message') }}"
                                            class="text-decoration-none ">Unread
                                            Messages</a></li>
                                    <li
                                            class="list-group-item {{ request()->is('customer/customer-message/archived-message') ? 'active' : '' }}">
                                            <a href="{{ url('customer/customer-message/archived-message') }}"
                                                class="text-decoration-none ">Achived
                                                Messages</a>
                                        </li>
                                </ul>
                            </div>
                            <div class="col-12 mt-3">
                                <div class="card" style="background: black;">
                                    <div class="card-body">
                                        <h2 style="color:orangered">CREATE NEW MESSAGE</h2>
                                        <p>If you’d like to send a message to the Concierge Team, please do so below</p>
                                        <div class="col-md-10">
                                            {!! Form::open([
                                                'enctype' => 'multipart/form-data',
                                                'id' => 'msg-form',
                                                'route' => 'customer-message.store',
                                                'method' => 'POST',
                                            ]) !!}
                                            <div class="form-group">
                                                <h3 class="font-weight-bold">@lang('admin.Your Message')</h3>
                                            </div>
                                            <div class="form-group">
                                                {!! Form::textarea('message', null, [
                                                    'placeholder' => '',
                                                    'class' => 'form-control required',
                                                    'rows' => '5',
                                                ]) !!}
                                            </div>
                                            <div class="form-group">
                                                <label for="upload-file" class="btn btn-success ">
                                                    <i class="fa fa-link"></i> Attach a File
                                                    <input type="file" class="hidden" id="upload-file" name="msg_file">
                                                </label>
                                            </div>
                                            <div class="form-group ">
                                                <div class="divider"></div>
                                                <div class="clearfix text-end">
                                                    <button type="submit" id="next-btn"
                                                        class="btn-shadow btn-wide float-right   btn-hover-shine btn  submit-btn text-white"style="background:orangered">
                                                        @lang('admin.Submit')
                                                    </button>
                                                </div>
                                            </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script></script>
@endsection