@php
    use App\Libraries\CountryStates;
@endphp

@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>
                    @if(isset($_GET['bid']) && $_GET['bid'])
                    <form action="{{ route('placeAdd.litterDetail', ['bid' => $_GET['bid']]) }}" method="post" class="dog_detail">
                    @else
                    <form action="{{ route('placeAdd.litterDetail') }}" method="post" class="dog_detail">
                    @endif
                        {{ csrf_field() }}
                        <div class="form_step1">
                            <div class="box_area">
                                <div class="top_bar">
                                <div class="line_bar">
                                        <div class="bar_inn" style="width:0%;"></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>
                                            @if(!isset($row) && !isset($row->plan_actions) && !isset($row->plan_actions->expired_on))
                                            <div class="bar_circle circle_5"></div>
                                            @endif
                                        </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>
                                    @if(!isset($row) && !isset($row->plan_actions) && !isset($row->plan_actions->expired_on))
                                    <div class="bar_circle circle_5">Plans</div>
                                    @endif
                                </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="form-group">
                                            <label class="set_error">Advert heading</label>
                                            <input type="text" class="form-control" name="title" value="{{ old('title', isset($row->title) && $row->title ? $row->title : '') }}" placeholder="Enter Ad Title (include Breed)" required autocomplete="off" />
                                            @error('title')
                                            <label id="title-error" class="error" for="title">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                                                                <div class="form-group">
                                            <label class="set_error">Breed</label>
                                            <select class="form-select" name="category" required>
                                                <option value="">Select Breed</option>
                                                @foreach($breeds as $b)
                                                <option 
                                                    value="{{ $b['id'] }}" 
                                                    @if(old('category') == $b['id']) 
                                                    {{ 'selected' }}
                                                    @elseif(isset($row->categories) && $row->categories && in_array($b['id'], $selected)) 
                                                    {{ 'selected' }} 
                                                    @endif
                                                >
                                                    {{ $b['title'] }}
                                                </option>
                                                @endforeach
                                            </select>
                                            @error('category')
                                            <label id="category-error" class="error" for="category">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Country of Origin</label>
                                            <input type="text" class="form-control" name="country_origin" value="{{ old('country_origin', isset($row->country_origin) && $row->country_origin ? $row->country_origin : '') }}" placeholder="Country of Origin" autocomplete="off" required />
                                            @error('country_origin')
                                            <label id="country_origin-error" class="error" for="country_origin">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <h4>Expected Date of Birth</h4>
                                    </div>
                                    <div id="day" class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-4 col-6">
                                        <div class="form-group">
                                            <label class="set_error">Day</label>
                                            <select class="form-select" name="day" required>
                                                <option value="">Day</option>
                                                @for($i=1; $i<=31; $i++)
                                                @php 
                                                    $day = sprintf("%02d", $i);
                                                @endphp
                                                <option 
                                                    id="{{ $day }}"
                                                    value="{{ $day }}" 
                                                    @if(old('day') == $day)
                                                    {{ 'selected' }} 
                                                    @elseif(isset($row->day) && $row->day == $day)
                                                    {{ 'selected' }}
                                                    @endif
                                                >
                                                    {{ $day }}
                                                </option>
                                                @endfor
                                            </select>
                                            @error('day')
                                            <label id="day-error" class="error" for="day">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div id="month" class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-4 col-6">
                                        <div class="form-group">
                                            <label class="set_error">Month</label>
                                            <select class="form-select" name="month" id="dob_ucl_month" required>
                                                <option value="">Month</option>
                                                @for($m=1; $m<=12; ++$m)
                                                    @php
                                                       $month = date('m', mktime(0, 0, 0, $m, 1));
                                                    @endphp
                                                    <option 
                                                        id="{{ $month }}"
                                                        value="{{ $month }}" 
                                                        @if(old('month') == $month)
                                                        {{ 'selected' }} 
                                                        @elseif(isset($row->month) && $row->month == $month)
                                                        {{ 'selected' }} 
                                                        @endif
                                                    >
                                                        {{ date('F', mktime(0, 0, 0, $m, 1)) }}
                                                    </option>
                                                @endfor
                                            </select>
                                            @error('month')
                                            <label id="month-error" class="error" for="month">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div id="year" class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-4 col-6">
                                        <div class="form-group">
                                            <label class="set_error">Year</label>
                                            <select class="form-select" name="year" id="dob_ucl_year" required>
                                                <option value="">Year</option>
                                                @php
                                                    $currentYear = date('Y');
                                                    // $startYear = $currentYear-25;
                                                @endphp
                                                @for($k = 0; $k <= 1; $k++)
                                                @php
                                                $i = $currentYear++;
                                                @endphp
                                                    <option 
                                                        value="{{ $i }}" 
                                                        @if(old('year') == $i)
                                                        {{ 'selected' }} 
                                                        @elseif(isset($row->year) && $row->year == $i)
                                                        {{ 'selected' }} 
                                                        @endif
                                                    >
                                                        {{ $i }}
                                                    </option>
                                                @endfor
                                            </select>
                                            @error('year')
                                            <label id="year-error" class="error" for="year">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Country</label>
                                            <select class="form-select select2" name="country_id" id="country_id" required>
                                                <option value="" selected>Select Country</option>
                                                @foreach($countries as $p)
                                                <option 
                                                    value="{{ $p['id'] }}" 
                                                    @if(old('country_id') == $p['id']) 
                                                    {{ 'selected' }}
                                                    @elseif(isset($row->country_id) && $row->country_id == $p['id']) 
                                                    {{ 'selected' }} 
                                                    @endif
                                                >
                                                    {{ $p['short_name'] }}
                                                </option>
                                                @endforeach
                                            </select>
                                            <label id="country_id-error" class="error" for="country_id">@error('country_id') {{ $message }} @enderror</label>
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label class="set_error">County</label>
                                            <select class="form-select select2" name="state_id" id="state_id" required>
                                                <option value="" selected>Select County</option>
                                                @if(isset($row->state_id) && $row->state_id)
                                                    @php $states = CountryStates::getStatesByCountryId($row->country_id) @endphp
                                                    @foreach($states as $c)
                                                        <option 
                                                            value="{{ $c['id'] }}" 
                                                            @if(old('state_id') == $c['id']) 
                                                            {{ 'selected' }}
                                                            @elseif(isset($row->state_id) && $row->state_id == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @endif
                                                        >
                                                            {{ $c['name'] }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <label id="state_id-error" class="error" for="state_id">@error('state_id') {{ $message }} @enderror</label>
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label class="set_error">City/Town</label>
                                            <select class="form-select select2" name="city_id" id="city_id" >
                                                <option value="" selected>Select City/Town</option>
                                                @if(isset($row->city_id) && $row->city_id)
                                                    @php $cities = CountryStates::getCitiesByStateId($row->state_id) @endphp
                                                    @foreach($cities as $c)
                                                        <option 
                                                            value="{{ $c['id'] }}" 
                                                            @if(old('city_id') == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @elseif(isset($row->city_id) && $row->city_id == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @endif
                                                        >
                                                            {{ $c['name'] }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <label id="city_id-error" class="error" for="city_id">@error('city_id') {{ $message }} @enderror</label>
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Postal code</label>
                                            <input type="text" name="zip_code" class="form-control" value="{{ isset($row->zip_code) && $row->zip_code ? $row->zip_code : old('zip_code') }}">
                                            {{-- <select class="form-select select2" name="postal_code_id" id="postal_code_id" required>
                                                <option value="" selected>Select Postal Code</option>
                                                @if(isset($row->postal_code_id) && $row->postal_code_id)
                                                    @php $postalCodes = CountryStates::getPostalCodesByCityId($row->city_id) @endphp
                                                    @foreach($postalCodes as $c)
                                                        <option 
                                                            value="{{ $c['id'] }}" 
                                                            @if(old('postal_code_id') == $c['id']) 
                                                            {{ 'selected' }}
                                                            @elseif(isset($row->postal_code_id) && $row->postal_code_id == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @endif
                                                        >
                                                            {{ $c['name'] }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select> --}}
                                            <label id="zip_code-error" class="error" for="zip_code">@error('zip_code') {{ $message }} @enderror</label>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Street Address</label>
                                            <input type="text" class="form-control" name="locality" value="{{ old('locality', isset($row->locality) && $row->locality ? $row->locality : '') }}" placeholder="Street Address" autocomplete="off" />
                                            @error('locality')
                                            <label id="locality-error" class="error" for="locality">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="heading_area">
                                            <div class="left">
                                                <h5>Dog Microchip Details</h5>
                                            </div>
                                            <div class="right">
                                                <p><a href="javascript:;" data-bs-toggle="modal" data-bs-target=".microchip_verification">Steps of microchip verification</a></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 microchip_registration">
                                        <div class="form-group">
                                            <label class="set_error">Microchip registration database</label>
                                            <select class="form-select select2" name="microchip_registration_name" id="microchip_registration_name" required>
                                                <option value="" selected>Select </option>
                                                @if(isset($row->microchip_registration_id) && $row->microchip_registration_id)
                                                    @php 
                                                    $microchips = CountryStates::getmicrochip($row->country_id) 
                                                    @endphp
                                                    @foreach($microchips as $c)
                                                        <option 
                                                            value="{{ $c['id'] }}" 
                                                            @if($row->microchip_registration_id == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @elseif(old('microchip_registration_id') == $c['id']) 
                                                            {{ 'selected' }} 
                                                            @endif
                                                        >
                                                            {{ $c['title'] }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            @error('microchip_registration_name')
                                            <label id="microchip_registration_name-error" class="error" for="microchip_registration_name">{{ $message }} </label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form_step3">
                                        <div class="box_area">
                                            <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 top_space microchip_response_data">
                                                        <thead>
                                                            <tr>
                                                                <th width="30%">Microchip number</th>
                                                                <th width="24%">Gender</th>
                                                                <th width="24%">Color</th>
                                                                <th width="6%"></th>
                                                                <th width="6%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @include('frontend.placead.dogs.dogMicrochipListingLoop')
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            
                                            <input type="hidden" class="form_required_hidden" name="microchip_verification_hidden" value="{{ isset($dogMicrochipsData) && $dogMicrochipsData && count($dogMicrochipsData) > 0 ? 1 : '' }}" required>

                                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 {{ isset($dogMicrochipsData) && $dogMicrochipsData && count($dogMicrochipsData) > 0 ? 'mb-4' : '' }}">
                                                <div class="icon_ad bottom_space" >
                                                    <label for="file-input">
                                                        <h5>
                                                            <a href="javascript:;" id="add_dog_microchip" data-bs-toggle="modal" >
                                                                <i class="far fa-plus"></i>
                                                                Add dog
                                                            </a>
                                                        </h5>
                                                    </label>
                                                    <input id="file-input" class="d-none" type="file" />
                                                </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="form-group">
                                            <label for="description">Description</label>
                                            <textarea class="form-control" name="description" placeholder="Description" autocomplete="off" >{{ old('description', isset($row->description) && $row->description ? $row->description : '') }}</textarea>
                                        </div>
                                    </div> 
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="content">
                                            <p>*The description is displayed in search results when people are searching for ads.* </p>
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="contents">
                                            <div class="left">
                                                <div class="icon">
                                                    <i class="fal fa-exclamation-circle"></i>
                                                </div>
                                            </div>
                                            <div class="right">
                                                <p>
                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras facilisis mollis porttitor. Quisque aliquet in purus ac iaculis. Donec tempor molestie neque a ornare. Ut a egestas velit, quis laoreet
                                                </p>
                                            </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="button">
                                        <div class="left">
                                            <ul>
                                                <li class="d-none">
                                                    <a href="{{ route('placeAdd') }}" class="btn btn-primary back"><i class="fal fa-long-arrow-left pe-2"></i>Back</a>
                                                </li>
                                                                                            </ul>
                                        </div>
                                        <div class="right">
                                            <button type="submit" class="btn btn-primary next_steps_1">Continue</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="image_2 d-xl-block d-none">
        <img src="{{ url('frontend/images/vector2.png') }}" alt="..." />
    </div>
    <div class="image_3 d-xl-block d-none">
        <img src="{{ url('frontend/images/vector3.png') }}" alt="..." />
    </div>
</section>

@include('frontend.placead.modal.addDogs')

@include('frontend.placead.dogs.addDogs')
@include('frontend.placead.dogs.editDogs')

@include('frontend.placead.dogs.microchipVerification')

@endsection