@php

$countries=\App\Models\Country::where('cancelled',0)->get();
 $paragraphs=getter('paragraphs')->setLang(app()->getLocale())->condition('position','=','donate')->orderBy('orders')->get();

@endphp

@extends('layouts.main',[
    'compact'=>'compact'
])
@section('title')
    <title>{{__('texts.join-community')}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div class="section white">
        <div class="content">

            <div class="restoration-page-detail">

                <div class="restoration-box">
                    <div class="left">
                        <img src="{{$restoration->image}}" alt="">
                    </div>
                    <div class="right">
                        <ul>
                            <li>
                                <div class="label">
                                    Name
                                </div>
                                <div class="price">
                                    {{$restoration['label']}}
                                </div>
                            </li>
{{--                            <li>--}}
{{--                                <div class="label">--}}
{{--                                    Initial Price--}}
{{--                                </div>--}}

{{--                                <div class="price">--}}
{{--                                   $ {{$package['package_price']}}--}}
{{--                                </div>--}}
{{--                            </li>--}}
                            <li>
                                <div class="label">
                                    Price
                                </div>
                                <div class="price">
                                   $ {{$restoration['price']}}
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="description-box" style="border: 1px solid {{$restoration['color'] ?? '#A00200'}}">
                        {!! $restoration['description'] !!}
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class="mt-10">

        <div class="section-body bg-grey content join-community no-p">


            <div class="join-community-container">
                <div class="title-1 big">{{__('texts.Adopt Now')}}</div>
{{--                <div class="title-2">{{__('texts.for-candidates')}}</div>--}}

                <form action="{{route('restorate-now')}}" method="post" class="community-form" id="donation-form">
                        @csrf

                    <input type="text" class="input-text half" required  name="first_name" placeholder="    {{__('texts.fname')}}*" value="">
                    <input type="text" class="input-text half"  required name="last_name" placeholder="    {{__('texts.lname')}}*" value="">
                    <input type="text" class="input-text half" required name="email" placeholder="    example@example.com*" value="">
                    <input type="text" class="input-text half" required name="confirm_email" placeholder="    example@example.com*" value="">
                    <input type="text" class="input-text less" required  name="address" placeholder="    {{__('texts.address')}}*" value="">
                    <input type="text" class="input-text half" required name="city" placeholder="    {{__('texts.city')}}*" value="">
                    <input type="text" class="input-text half not-required"  name="postal_code" placeholder="    {{__('texts.postal_code')}}" value="">
                    <div class="phone input-text half">

                        <select @class('custom-select grey wid') required name="country" id="country" >
                            <option value="">{{__('texts.select_country')}}*</option>
                            @if(count($countries)>0)
                                @foreach($countries as $country)
                                    <option @if($country['name']=="Lebanon") selected @endif value="{{$country['name']}}" >{{$country['name']}}</option>
                                @endforeach
                            @endif
                        </select>

                    </div>

                     <div class="phone input-text half">
                         <select @class('custom-select grey code') required name="country_code" id="country_code">
                             @if(count($countries)>0)
                                 @foreach($countries as $country)
                             <option value="+{{$country['phone_code']}}" @if($country['phone_code']==961) selected @endif>+{{$country['phone_code']}}</option>
                                 @endforeach
                          @endif
                         </select>
                         <input type="text" name="phone" class="numb" required placeholder="  {{__('texts.phone')}}" style="width: 100%;border: unset;outline: unset;" >
                     </div>
                    <div class="phone input-text half">

                        <select @class('custom-select grey wid') name="gender" >
                            <option value="male">{{__('texts.male')}}</option>
                            <option value="female">{{__('texts.female')}}</option>
                        </select>

                    </div>
                    <label class="filter-checkbox">
                        <input type="checkbox" class="not-required"  name="contact_me"  value="1">
                        <span class="checkmark"></span>
                        {{__("texts.subscription_checkbox2")}}

                    </label>
                    @php
//                    $total=doubleval($restoration['price'])+doubleval($package['package_price']);
                    $total=doubleval($restoration['price']);
                   @endphp

                    <input type="hidden" name="total" id="" value="{{$total}}">
                    <input type="hidden" name="restoration_id" id="" value="{{$restoration['id']}}">
                    <div class="title-1 mv-5 center big">{{__('texts.payment')}}</div>


                                                    <div class="payment-table resto">
                                                        <div class="left">
                                                            {{__("texts.adopt")}}
                                                        </div>
                                                        <div class="right" id="total1">
                                                            {{$restoration['price']}}
                                                        </div>
{{--                                                        <div class="left">--}}
{{--                                                            {{__("texts.package")}}--}}
{{--                                                        </div>--}}
{{--                                                        <div class="right" id="total1">--}}
{{--                                                            {{$package['package_price']}}--}}
{{--                                                        </div>--}}
                                                        <div class="left">
                            {{__("texts.total")}}
                        </div>
                        <div class="right" id="total1">
                       ${{$total}}
                        </div>
                    </div>


                    <button style=" border: unset; outline: unset; margin: 20px auto" type="submit" @class('button_1 big black')><span class="text">{{__('texts.proceed-to-payment')}}</span></button>
                </form>



            </div>



        </div>
    </div>
@endsection

@section('scripts')
    <script>
        function FooterFunctions(){

        }
    </script>


@endsection