@extends('customer.layouts.new-app')
@section('title')
    Concerge Team:Report a Problem
@endsection
@section('css')
    <style>
        .select2-results__option {
            color: black !important;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row  g-2">
            <div class="col-md-2">
                @include('customer.concerge_team.sidebar')
            </div>
            <div class="col-10">
                <div class=" mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1>CONTACT THE PORTAL TEAM</h1>
                    <p>If you have an emergency, call our 24-hour Portal helpline on 03332 079 501. If you have
                        a non-urgent maintenance or works problem to report, please use the form below. This
                        will be looked at within one working day.</p>
                    <p>If you have a general enquiry about estate management at Eddington, you can email us at
                        <a href="mailto:portal@testserver.com" class="text-primary">portal@testserver.com</a>
                    </p>
                    <p>The Portal office is located at the centre of the site at 25</p>
                    <p>Portal Estate</p>
                    @if (count($problem) > 0)
                        <p><a href="{{ url('customer/concerge-team/sent-report') }}" class="btn btn-primary">View Sent Reports »</a></p>
                    @endif
                    <h1>REQUEST HELP</h1>
                    <p>To report a fault on-site, please use the form below. When reporting a fault, please
                        supply as much information as possible, including:</p>
                    <ul>
                        <li>How it is best to contact you</li>
                        <li>When it will be best to get access to your property on order to investigate the
                            matter</li>
                        <li>Whereabouts the issue is</li>
                        <li>The nature of the issue</li>
                        <li>A description of the issue</li>
                    </ul>
                    <p>
                        Where Portal have provided instructions and information about how to use various aspects
                        or items within your home, a call out charge may be issued should you call out our
                        services team to demonstrate the use or proper functioning of such items. All
                        instructions can be found on the Home User Guide section of the Portal website. You will
                        be advised of any call out charges when you request these services. This includes, but
                        is not limited to: windows opening and closing, turning on and managing the heating
                        system, using white goods. Charges will not be issued for defects within apartments.
                    </p>
                    <p>If you wish for Portal to accompany third party contractors who are completing works in
                        your apartment on your behalf, a fee for the time taken to escort any contractors may be
                        charged to you. You will be advised of any escorting fees when you request these
                        services.</p>
                    <div class="card m-2 bg-primary">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <h2>
                                    Please remove following errors
                                </h2>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="card-body">
                            <form action="{{ route('team.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <table class="fullwidth spacebelow text-white">
                                    <tbody>
                                        <tr>
                                            <td colspan="2">
                                                <h2 >Request Help Form</h2>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>
                                                <p>Category</p>
                                            </th>
                                            <td>
                                                <select name="request_category_id" class="form-control select2"
                                                    required="">
                                                    <option value="">Please choose...</option>
                                                    @foreach ($requestCategories as $req_cat_name)
                                                        <option value="{{ $req_cat_name->id }}"
                                                            {{ old('request_category_id') == $req_cat_name->id ? 'selected' : '' }}>
                                                            {{ $req_cat_name->name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">
                                                <p>Description<br>
                                                    <em class="smallprint">Please describe the fault in as much
                                                        detail as possible</em>
                                                </p>
                                            </th>
                                        </tr>

                                        <tr>
                                            <td colspan="2">
                                                <textarea class="inp form-control required sz_100" name="defect_description" rows="12" required>{{ old('defect_description') }}</textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">
                                                <p>Location<br>
                                                    <em class="smallprint">Please provide an accurate and full
                                                        description of where the problem is.
                                                        As a minimum please provide the postcode and
                                                        apartment/property door number.
                                                        Where possible please also provide additional
                                                        information such as the room, or place in the room where
                                                        the problem is located.
                                                    </em>
                                                </p>
                                            </th>
                                        </tr>

                                        <tr>
                                            <td colspan="2">
                                                <textarea class="inp form-control required sz_100" name="defect_location" rows="6" required>{{ old('defect_location') }}</textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">
                                                <p>Property Access<br>
                                                    <em class="smallprint">Do you give permission for Portal to
                                                        access your apartment to respond to this&nbsp;enquiry?
                                                    </em>
                                                </p>
                                            </th>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p>
                                                    <label><input type="radio" name="defect_access" value="1"
                                                            @if (old('defect_access')) checked @endif>
                                                        Yes </label><br>
                                                    <label><input type="radio" name="defect_access" value="0"
                                                            @if (old('defect_access')) checked @endif>
                                                        No, please contact me to arrange further
                                                        details.</label>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">
                                                <p>Additional Information</p>
                                            </th>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <textarea class="inp form-control  sz_100" name="defect_additional" rows="6" required>{{ old('defect_additional') }}</textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr class="image_upload">
                                            <th colspan="2">&nbsp;</th>
                                        </tr>
                                        <tr class="image_upload">
                                            <td colspan="2">
                                                <p><strong>Upload a Photo</strong> (optional)</p>
                                            </td>
                                        </tr>
                                        <tr class="image_upload">
                                            <td colspan="2"><input type="file" name="photo" data-strict-photo="yes"
                                                    accept="image/*"> </td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">Contact Details</th>
                                        </tr>

                                        <tr>
                                            <td>Name</td>
                                            <td><input type="text" class="inp form-control required"
                                                    name="defect_person_name"
                                                    value="{{ Auth::user()->title }} {{ Auth::user()->first_name }} {{ Auth::user()->last_name }}">
                                            </td>
                                        </tr>

                                        <tr>
                                            <td>Phone</td>
                                            <td><input type="tel" class="inp form-control required" id="defect_tel"
                                                    name="defect_tel" value="{{ Auth::user()->mobile }}"></td>
                                        </tr>

                                        <tr>
                                            <td>Email</td>
                                            <td><input type="email" class="inp form-control required" name="defect_email"
                                                    value="{{ Auth::user()->email }}"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2">
                                                <p>Message</p>
                                            </th>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <textarea class="inp form-control  sz_100" name="message" rows="6">{{ old('message') }}</textarea>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <p class="alignright">
                                    <button class="btn btn-dark float-right mt-2" type="submit">Send Message
                                        »</button>
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection