@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.auction_application') }}</title>
@endsection
@section('metatags')
    <meta name="description" content="{{ $description??'' }}">
    <link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
    <link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
    href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
    <link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@section('content')
    <div class="px-3 px-lg-5">
        @if (session()->get('image_error') != null)
            <div class="alert alert-danger text-center">{{ session()->get('image_error') }}</div>
        @endif
        @if (session()->get('msg') != null)
            <div class="alert alert-success text-center">{{ session()->get('msg') }}</div>
        @endif
        <div class="d-lg-none my-3">
            <img loading="lazy" class="w-100 rounded-3 h-300" src="{{ asset('new_theme/apply-auction.webp') }}"
                alt="apply_action">
        </div>
        <div class="d-lg-flex justify-content-lg-between">
            <form action="{{ route('site.auction-apply') }}" method="POST" class="my-3 w-48" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="property_id" value="{{ $property_id }}">
                <input type="hidden" name="auction_id" value="{{ $auction_id }}">
                <div class="form-group mb-3 mb-lg-4">
                    <label for="national_id" class="SF20_30Bold w-100">@lang('site.national_id')<sup class="text-red">*</sup>
                        <div id="fileNational" class="dashedBorder @if(session()->get('nationalID') != null) border-red alert alert-danger text-red @else border-d1d1d1 text-blue @endif py-2 rounded-3 text-center SF18_21Medium my-2">@if(session()->get('nationalID') != null) {{ session()->get('nationalID') }} @else @lang('site.choose_file') @endif</div>
                    </label>
                    <input type="file" name="national_id" id="national_id"
                        class="d-none form-control evaluatePlaceholder">
                    @error('national_id')
                        <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>
                <div class="form-group mb-3 mb-lg-5">
                    <label for="insurance_receipt" class="SF20_30Bold w-100">@lang('site.insurance_receipt')<sup class="text-red">*</sup>
                        <div id="fileInsurance" class="dashedBorder @if(session()->get('insuranceReceipt') != null) border-red alert alert-danger text-red @else border-d1d1d1 text-blue @endif py-2 rounded-3 text-center SF18_21Medium my-2">@if(session()->get('insuranceReceipt') != null) {{ session()->get('insuranceReceipt') }} @else @lang('site.choose_file') @endif</div>
                    </label>
                    <input type="file" name="insurance_receipt" id="insurance_receipt"
                        class="d-none form-control evaluatePlaceholder">
                    @error('insurance_receipt')
                        <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>
                <div class="form-group mb-3 mb-lg-4">
                    <label for="conditions_book_receipt" class="SF20_30Bold w-100">@lang('site.conditions_book_receipt')<sup class="text-red">*</sup>
                        <div id="fileConditons" class="dashedBorder @if(session()->get('conditionsBook') != null) border-red alert alert-danger text-red @else border-d1d1d1 text-blue @endif py-2 rounded-3 text-center SF18_21Medium my-2">@if(session()->get('conditionsBook') != null) {{ session()->get('conditionsBook') }} @else @lang('site.choose_file') @endif</div>
                    </label>
                    <input type="file" name="conditions_book_receipt" id="conditions_book_receipt"
                        class="d-none form-control evaluatePlaceholder">
                    @error('conditions_book_receipt')
                        <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>
                <div class="form-group">
                    <button class="form-control btn bg-red text-white SF20_24Bold-Important mt-lg-2" type="submit">@lang('site.submit')</button>
                </div>
            </form>
            <div class="d-none d-lg-block my-3 w-48">
                <img loading="lazy" class="w-100 rounded-3 h-400-lg" src="{{ asset('new_theme/apply-auction.webp') }}"
                    alt="apply_action">
            </div>
        </div>
    </div>
@endsection
@section('script')
<script>
    $('#national_id').change(function(){
        $('#fileNational').html($(this).prop('files')[0].name);
    })
    $('#insurance_receipt').change(function(){
        $('#fileInsurance').html($(this).prop('files')[0].name);
    })
    $('#conditions_book_receipt').change(function(){
        $('#fileConditons').html($(this).prop('files')[0].name);
    })
</script>
@endsection