@extends('layouts.frontlayout')
@section('content')

<section class="submit_listing_section top-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12 mx-auto">
                <div class="submit_listing_area">
                    <div class="header_area">
                        <h1>Submit Your Listing</h1>
                        <p>Please fill in the fields below to post your classified ad.</p>
                        <div class="header_image1">
                            <img src="{{ url('frontend/images/vector1.png') }}" alt="..." />
                        </div>
                    </div>
                    <form action="{{ route('placeAdd.healthTests', ['id' => General::encrypt($row->id)]) }}" method="post" class="dog_detail">
                        {{ csrf_field() }}
                        <div class="form_step3">
                            <div class="box_area">
                                <div class="top_bar">
                                    <div class="line_bar">
                                        <div class="bar_inn" style="width:50%;"></div>
                                        <div class="bar_wrap">
                                            <div class="bar_circle circle_1"></div>
                                            <div class="bar_circle circle_2"></div>
                                            <div class="bar_circle circle_3"></div>
                                            <div class="bar_circle circle_4"></div>
                                            <div class="bar_circle circle_5"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="top_bar_name">
                                    <div class="bar_circle circle_1">Details</div>
                                    <div class="bar_circle circle_2">Photos</div>
                                    <div class="bar_circle circle_3">Health Tests</div>
                                    <div class="bar_circle circle_4">Pedigree</div>
                                    <div class="bar_circle circle_5">Plans</div>
                                </div>
                                <div class="row">
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="header">
                                            <h6>Health Test</h6>
                                            <div class="content">
                                                <p>Enter health tests for individual dog or parents of litter. Health tests will be displayed on ad only if certificate is uploaded</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form_area">
                                            <div class="row">
                                                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
                                                    <div class="form-group">    
                                                        <label for="sire">Sire</label>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-9 col-9">
                                                    <div class="form-group">
                                                        <input type="text" name="sire_name" value="{{ old('sire_name', $row->health_test_sire_name ? $row->health_test_sire_name : '') }}" class="form-control" placeholder="KC Registered Name" autocomplete="off" />
                                                        @error('sire_name')
                                                        <label id="sire_name-error" class="error" for="sire_name">{{ $message }} </label>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="table-responsive">
                                            <table class="table sire_health_data">
                                                <thead>
                                                    <tr>
                                                        <th width="30%">Test</th>
                                                        <th width="21%">Result</th>
                                                        <th width="21%">Date</th>
                                                        <th width="6%"></th>
                                                        <th width="6%"></th>
                                                        <th width="6%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if(isset($sireHealthTest) && $sireHealthTest && count($sireHealthTest) > 0)
                                                    @include('frontend.placead.healthTests.sireListingLoop')
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="icon_ad">
                                            <label for="file-input">
                                                <h5>
                                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target=".add_modal_form">
                                                        <i class="far fa-plus"></i>Add test
                                                    </a>
                                                </h5>
                                            </label>
                                        </div>
                                    </div>

                                    <!-- ==== Dam Health Test ==== -->
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form_area padding">
                                            <div class="row">
                                                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
                                                    <div class="form-group">    
                                                        <label for="dam">Dam</label>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-9 col-sm-9 col-9">
                                                    <div class="form-group">
                                                        <input type="text" name="dam_name" value="{{ old('dam_name', $row->health_test_dam_name ? $row->health_test_dam_name : '') }}" class="form-control" placeholder="KC Registered Name" autocomplete="off" />
                                                        @error('dam_name')
                                                        <label id="dam_name-error" class="error" for="dam_name">{{ $message }} </label>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="table-responsive">
                                            <table class="table dam_health_data">
                                                <thead>
                                                    <tr>
                                                        <th width="30%">Test</th>
                                                        <th width="21%">Result</th>
                                                        <th width="21%">Date</th>
                                                        <th width="6%"></th>
                                                        <th width="6%"></th>
                                                        <th width="6%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if(isset($damHealthTest) && $damHealthTest && count($damHealthTest) > 0)
                                                    @include('frontend.placead.healthTests.damListingLoop')
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                   
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="icon_ad">
                                            <label for="file-input">
                                                <h5>
                                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target=".add_modal_dam">
                                                        <i class="far fa-plus"></i>Add test</a>
                                                    </h5>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="button_area">
                                            <div class="left">
                                                <ul>
                                                    <li>
                                                        <a href="{{ route('placeAdd.photos', ['id' => General::encrypt($row->id)]) }}" class="btn btn-primary back" ><i class="fal fa-long-arrow-left pe-2"></i>Back</a>
                                                    </li>
                                                    @if(isset($row) && $row && $row->status != 1 && $row->draft != 1)
                                                    <li>
                                                        <a href="javascript:;" data-step="step_3" data-url="{{ route('placeAdd.saveDraft', ['id' => General::encrypt($row->id)]) }}" class="btn btn-primary back back_steps_2 save_draft">Save Draft</a>
                                                    </li>
                                                    @endif
                                                </ul>
                                            </div>
                                            <div class="right">
                                                <button type="submit" class="btn btn-primary next_steps_3">Continue</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="image_2 d-lg-block d-none">
        <img src="{{ url('frontend/images/vector2.png') }}" alt="..." />
    </div>
    <div class="image_3 d-lg-block d-none">
        <img src="{{ url('frontend/images/vector3.png') }}" alt="..." />
    </div>
</section>


@include('frontend.placead.modal.sire.addSireHealthTest')
@include('frontend.placead.modal.sire.editSireHealthTest')

@include('frontend.placead.modal.dam.addDamHealthTest')
{{-- @include('frontend.placead.modal.addDamHealthTest') --}}
@endsection