@extends('customer.layouts.new-app')
@section('title')
    Customer Care:Reporting a Defect
@endsection
@section('content')
    <div class="container">
        <div class="row  g-2">
            <div class="col-md-3">
                @include('customer.customer_care.sidebar')
            </div>
            <div class="col-9">
                <div class=" mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1>REPORTING A DEFECT</h1>
                    <p>This section provides useful contact details for enquiries along with defect information and who to
                        contact should you find a defect within your home.</p>
                    <h4>Reporting Defects</h4>
                    <p>Any defects relating to your apartment are important to us and should therefore be reported to the
                        Customer Care Team by email to: <a href="mailto:no-reply@testserver.com"
                        class="text-primary">no-reply@testserver.com</a>, or <a
                            href="{{ url('customer/concerge-team/report-problem') }}" class="text-primary">click here</a>,
                        so that the matter can be resolved in an efficient and satisfactory manner. When reporting any
                        defects you will be asked to supply details concerning:</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>Where about within your apartment the issue is</li>
                        <li>The nature of the issue</li>
                        <li>A description of the issue</li>
                    </ul>

                    <p>Once submitted you will receive an initial emailed confirmation that the matter has been registered.
                        This will include a time frame for when you should be contacted as well as a unique reference number
                        which should be quoted in any future correspondence.</p>

                    <p>As the matter is resolved you will also receive updates of what action is being taken so that you are
                        kept informed.</p>
                    @if (count($defect) > 0)
                        <p><a href="{{ url('customer/customer-care/defect-report') }}" class="btn btn-primary">View Defect
                                Report »</a></p>
                    @endif
                    <div class="card m-2 bg-primary">
                        <div class="card-body text-white">
                            @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
                            <form method="post" enctype="multipart/form-data"
                                action="{{ url('customer/customer-care/') }}">
                                @csrf
                                <h2 >Defect Report Form</h2>
                                </td>
                                <p>Please describe the defect in as much detail as possible</p>
                                </th>
                                <textarea class="form-control" name="description" rows="12"></textarea>
                                <label><strong>Upload a Photo</strong> (optional)</label>
                                <input type="file" class="form-control" name="image" accept="image/*" ref="inputFile">
                                <p class="mt-2">
                                    <button type="submit" class="btn btn-dark float-right">Send Message »</button>
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script></script>
@endsection