@extends('buyers_sellers.layout2.master')
@section('title', 'Edit Profile')
@section('content')
    <style type="text/css">
        .profileimage {
            height: 146px;
            width: 152px;
            object-fit: fill;
        }

        .uploadbtn {
            margin-left: -8px !important; 
        }

        select.form-control {
            height: 39px !important;
        }

    </style>
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">View Jobs</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ route('buyer.dashboard') }}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        </li>
                        <li class="active">Jobs</li>
                    </ol>
                </div>
            </div>
            <div class="py-3">
                {{-- <div class=""> --}}
                <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body ">
                                <!-- Main Content -->
                                <main class="col col-xl-12 order-xl-2 col-lg-12 order-lg-1 col-md-12 col-sm-12 col-12">
                                    <div class="tab-content" id="myTabContent">
                                        <div class="tab-pane fade show active" id="home" role="tabpanel"
                                            aria-labelledby="home-tab">
                                            <div class="d-flex"></div>
                                            <div class="job-tags p-3">
                                                <div class="row">
                                                    <div class="col-md-12">                                                            
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <label for="jobtitle" class="bold">This service Request is for a:</label>
                                                                    <input type="text" id="date" value="{{$data->SubCategory->name}}" class="form-control" disabled>
                                                                    {{-- <p class="text-danger"><b>@error('title') {{$message}} @enderror</b></p> --}}
                                                                    <div class="invalid-feedback">
                                                                        Please fill in your email
                                                                      </div>
                                                                </div>
                                                                    
                                                                    <div class="form-group col-md-4">
                                                                        <label for="selectservice" class="bold">The client is located in</label>
                                                                    <input type="text" id="date" value="{{$data->town_name}}" class="form-control" disabled>
                                                                        <div class="invalid-feedback">
                                                                            Please fill in your email
                                                                          </div>
                                                                    </div>
                                                                <div class="col-md-4">
                                                                    <label for="jobbudget" class="bold">service is needed by</label>
                                                                        <input type="text" id="date" value="{{$data->date}}" class="form-control" disabled>
                                                                    <div class="invalid-feedback">
                                                                        Please put integer
                                                                      </div>
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <label for="jobdescription" class="bold">The client has provided the following requirements</label>
                                                                    <textarea type="text" cols="30" rows="10"
                                                                        name="details" id="details" class="form-control"
                                                                        placeholder="Job Description" disabled> {{$data->desc}}</textarea>
                                                                        <p class="text-danger"><b>@error('details') {{$message}} @enderror</b></p>
                                                                        <div class="invalid-feedback">
                                                                            Please fill in your email
                                                                        </div>
                                                                </div>
                                                            </div>


                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <label for="jobdescription" class="bold">Job Images</label>
                                                                        <ul>
                                                                        @if(isset($data->jobImage) && !empty($data->jobImage))
                                                                            @foreach($data->jobImage as $images)
                                                                                <li><img src="{{ asset('/job/'.$images->image) }}" width="250px" height="150px" alt="{{ $images->image }}" /></li>
                                                                                <br>
                                                                            @endforeach
                                                                        @endif 
                                                                        </ul>
                                                                        <div class="invalid-feedback">
                                                                            Please fill in your email
                                                                        </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </main>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection