@extends('user.layouts.master')
@section('seller-active', 'active')

@section('content')
    {{-- @livewire('trusted-seller') --}}
    <section class="inner-header-title"  style="background-image:url({{ asset('user/assets/img/bg.png') }}">
        <div class="container">
            <h1 class="heal text-black">Contact Us</h1>
        </div>
    </section>
    <div class="clearfix"></div>
    <!-- Title Header End -->
    <style>
.heal{
    color: black;
}
.color{
    color: #ecca69;

}
        @media only screen and (min-width: 1024px) {
            section {
                padding: 40px 0;
            }
        }

        .sidebar-wrapper {
            background: #f2f7fc !important;
        }

        .tab-content {
            padding: 1em 0 0em !important;
        }

        section {
            padding: 0px !important;
        }

        .form-control {
            margin-bottom: 1% !important;
        }

        .rep {
            color: red;
        }
        .ble{
            color: #2e75b5;
        }

        @media only screen and (min-width: 321px) and (max-width:540px) {
            .inner-header-title {
                /* padding-top: 12em; */
                text-align: center;
                color: #fff;
                overflow: visible;
                position: relative;
                /* border-bottom: 4px solid #11b719; */
                background-size: cover;
                height: 135px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
        
        .mce-flow-layout {
    white-space: normal;
    display: none;
}


    </style>
    <!-- Tab Section Start -->
    <section class="tab-sec" >
        <div class="container">
            <div class="col-msd-12 col-sm-12">
                <div class="First-tab tool-tab">
                    <!-- <ul class="nav simple nav-tabs" id="simple-design-tab">
                            <li class="active"><a href="#TrustedSeller">Trusted Seller</a></li>
                            {{-- <li><a href="#RemoveAsScammer">Remove Report</a></li> --}}
                        </ul> -->
                    {{-- <a href="{{route('scammer')}}" class="btn btn-primary" style="float: right; margin-top: 5px">Remove Reported</a> --}}


                    <div class="tab-content">

                        <div id="TrustedSeller" class="tab-pane fade in active">


                            <section class="accordion">
                                <div class="container ">
                                    <div class="row">
                                        <div class="main-heading">
                                            <h3 class="text-black">Want to get in touch? Please fill out the form below!</h3>
                                        </div>
                                    </div>
                                    <div class="row">

                                        <!-- Billing Address -->
                                        <div class="col-md-2"></div>
                                        <div class="col-md-8 col-sm-8 ">
                                            <div class="sidebar-wrapper">


                                                @if (session('success'))
                                                    <div class="alert alert-success">{{ session('success') }}</div>
                                                @endif

                                                {{-- @if (Auth::guard('user')->check()) --}}
                                                <form action="{{ route('seller.process') }}" method="post"
                                                    class="billing-form" enctype="multipart/form-data">
                                                    {{-- @else
                                                    <form action="{{ route('post.process') }}" method="post" enctype=multipart/form-data>
                                                @endif --}}
                                                    @csrf
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label>First Name <span class="rep">*</span></label>
                                                            <input type="text" class="form-control" name="first_name"
                                                                value="{{ old('first_name') }}" />
                                                            <span
                                                                class="text-danger">{{ $errors->first('first_name') }}</span>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label>Last Name <span class="rep">*</span></label>
                                                            <input type="text" class="form-control" name="last_name"
                                                                value="{{ old('last_name') }}" />
                                                            <span
                                                                class="text-danger">{{ $errors->first('last_name') }}</span>
                                                        </div>

                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <label>Email <span class="rep">*</span></label>
                                                            <input type="email" class="form-control" name="email"
                                                                value="{{ old('email') }}" />
                                                            <span
                                                                class="text-danger">{{ $errors->first('email') }}</span>

                                                        </div>
                                                        <div class="col-md-6">
                                                            <label>Subject <span class="rep">*</span></label>
                                                            <select name="subject" class="form-control">
                                                                <option disabled selected>Choose Subject</option>
                                                                <option value="Offender Removal Request">Offender Removal Request</option>
                                                                <option value="Trusted Seller Application">Trusted Seller Application</option>
                                                                <option value="General Inquiry">General Inquiry</option>
                                                            </select>
                                                            <span
                                                                class="text-danger">{{ $errors->first('subject') }}</span>

                                                        </div>
                                                        {{-- <div class="col-md-6">
                                                            <label>Number</label>
                                                            <input type="tel"  id="phoneNumber" class="form-control" name="phone_number"
                                                                value="{{ old('phone_number') }}" />

                                                        </div> --}}
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label>Attachments</label>
                                                            <input type="file" name="image[]" class="form-control" multiple
                                                                 />
                                                        </div>
                                                     
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label>Comments <span class="rep">*</span></label>
                                                            <textarea type="text" rows="5" class="form-control"
                                                                name="description" id="description">{{ old('description') }}</textarea>
                                                            <span
                                                                class="text-danger">{{ $errors->first('description') }}</span>

                                                        </div>

                                                    </div>
                                                    {{-- <div class="row">
                                                    <div class="col-md-12">
                                                        <label>Image</label>
                                                        <input type="file" class="form-control" wire:model="image">
                                                        <span class="text-danger">{{$errors->first('image')}}</span>

                                                    </div>

                                                </div> --}}
                                                    <div class="row mrg-top-30">
                                                        <div class="col-md-12 text-center">
                                                            {{-- <a href="#" class="btn btn-primary">Submit</a> --}}
                                                            <button type="submit" class="btn btn-primary">Submit</button>
                                                        </div>
                                                    </div>
                                                </form>

                                            </div>
                                        </div>
                                        <div class="col-md-2"></div>

                                    </div>

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

                        {{-- <div id="RemoveAsScammer" class="tab-pane fade">

                        <section class="accordion">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-2"></div>
                                    <!-- Billing Address -->
                                    <div class="col-md-8 col-sm-8">
                                        <div class="sidebar-wrapper">
                
                                            <div class="sidebar-box-header bb-1">
                                                <h4>Request to be Remove Report </h4>
                                            </div>
                
                                            <form wire:submit.prevent="submit_process" class="billing-form">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <label>Name</label>
                                                        <input type="text" class="form-control" wire:model="name" />
                                                        <span class="text-danger">{{$errors->first('name')}}</span>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label>Number</label>
                                                        <input type="number" class="form-control" wire:model="phone_number" />
                                                        <span class="text-danger">{{$errors->first('phone_number')}}</span>

                                                    </div>
                                                </div>
                                                <div class="row">

                                                    <div class="col-md-12">
                                                        <label>Email</label>
                                                        <input type="email" class="form-control" wire:model="email" />
                                                        <span class="text-danger">{{$errors->first('email')}}</span>

                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <label>Description</label>
                                                        <textarea type="text" rows="6" class="form-control" wire:model="description" id="description"></textarea>
                                                        <span class="text-danger">{{$errors->first('description')}}</span>

                                                    </div>

                                                </div>
                                                <div class="row mrg-top-30">
                                                    <div class="col-md-12 text-center">
                                                        {{-- <a href="#" class="btn btn-primary">Submit</a> --}}
                        {{-- <button type="submit" class="btn btn-primary">Submit</button> --}}
                    </div>
                </div>
                </form>

            </div>
        </div>


        </div>

        </div>
    </section>
    {{-- </div> --}}
    </div>
    </div>
    </div>

    </div>
    </section>

@endsection
@push('abc')
<script>
  // tinymce.init({ selector:'textarea' });
  tinymce.init({
    selector: '#description'
});


</script>    
@endpush