@extends('front.master.master')

@section('contect')
<div class="container mt-3">
        <h3 class="subheader-title">
            <i class='subheader-icon fal fa-table'></i> View Complain
        </h3>
    <div class="row">
        <div class="col-xl-12">
            <div class="card-body">
                <hr/>
                <h4 class="text-center">Customer Info</h4>
                <hr/>
                <div class="form-group row">
                    <label class="col-md-4 col-form-label text-md-right">Name</label>
                    <div class="col-md-6">
                            <input disabled type="text" value="{{ $data->vehicle->customer->user->name }}" class="form-control "  autocomplete="name" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-4 col-form-label text-md-right">Email</label>
                    <div class="col-md-6">
                            <input disabled type="text" value="{{ $data->vehicle->customer->user->email }}" class="form-control "  autocomplete="name" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-4 col-form-label text-md-right">Mobile No</label>
                    <div class="col-md-6">
                            <input disabled type="text" value="{{ $data->vehicle->customer->mobile_no }}" class="form-control "  autocomplete="name" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-4 col-form-label text-md-right">Work No</label>
                    <div class="col-md-6">
                            <input disabled type="text" value="{{ $data->vehicle->customer->work_phone }}" class="form-control "  autocomplete="name" autofocus>
                    </div>
                </div>
                <hr/>
                <h4 class="text-center">Complaint</h4>
                <hr/>

                <div class="form-group row">
                    <label for="vitness_name" class="col-md-4 col-form-label text-md-right">Vitness Name</label>

                    <div class="col-md-6">
                        <input id="vitness_name" disabled type="text" class="form-control" name="vitness_name" value="{{ $data->vitness_name }}" required autocomplete="vitness_name" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="date_time" class="col-md-4 col-form-label text-md-right">Date Time</label>

                    <div class="col-md-6">
                        <input id="date_time" disabled type="text" class="form-control" name="date_time" value="{{ $data->date_time }}" required autocomplete="date_time" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="location" class="col-md-4 col-form-label text-md-right">Location</label>

                    <div class="col-md-6">
                        <input id="location" disabled type="text" class="form-control" name="location" value="{{ $data->location }}" required autocomplete="location" autofocus>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="comments" class="col-md-4 col-form-label text-md-right">Comments</label>

                    <div class="col-md-6">
                        <textarea name="comments" disabled id="comments" cols="30" rows="10" class="form-control">{{ $data->comments }}</textarea>
                    </div>
                </div>
                <hr/>
                <h4 class="text-center">Vehicle Info</h4>
                <hr/>
                <div id="field_body">
                    @foreach ($data->vehicle->vehicleFields as $item)
                    <div class="form-group row">
                        <label for="data[{{ $item->subCategoryField->slug }}]" class="col-md-4 col-form-label text-md-right">{{ $item->subCategoryField->name }}</label>

                        <div class="col-md-6">
                            <input disabled id="data[{{ $item->subCategoryField->slug }}]" type="text" value="{{ $item->value }}" class="form-control " name="data[{{ $item->subCategoryField->slug }}]" {{ ($item->subCategoryField->required)?'required':'' }}  autocomplete="name" autofocus>
                        </div>
                    </div>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
</div>
@endsection