@extends('user.layouts.layout')
@section('content')
    <form class="in_check" action="{{ route('submit',request('type_id')) }}" method="post">
        @csrf
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-8">
                    @if(Client())
                        <input type="hidden" name="name" value="{{ Client()->client_name }}">
                        <input type="hidden" name="phone" value="{{ Client()->client_phone }}">
                        <input type="hidden" name="email" value="{{ Client()->client_email }}">
                    @else
                    
                        <div class="border border-secondary p-3 pb-5 my-4 shadow-sm">
                            <h5 class="capital my-3 fw-normal">@lang('trans.Customer Details')</h5>
                            <div class="row mt-4 pt-4">
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" name="name" value="{{ old('name') }}" required placeholder="@lang('trans.Name')">
                                    <span class="text-danger">@error('name'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="row position-relative">
                                        <span class="position-absolute my-auto h-100 col-3 d-flex align-items-center justify-content-center align-items-lg-center" style="margin{{ lang('en') ? '-left'  : '-right' }}: -10px"><img style="width: 40px; height: 30px;" src="{{ asset('assets/countries/SaudiArabia.png') }}" class="img-fluid" alt="image"></span>
                                        <span class="position-absolute my-auto h-100 col-1 d-flex align-items-center justify-content-center align-items-lg-center" style="margin{{ lang('en') ? '-left'  : '-right' }}: 70px">{{ 966 }}</span>
                                        <input class="form-control form_input col-8" name="phone" value="{{ old('phone') }}" required type="tel" minlength="{{ Country()->length }}" maxlength="{{ Country()->length }}" style="padding{{ lang('en') ? '-left'  : '-right' }}: 110px" size="{{ Country()->length }}" placeholder="@lang('trans.Mobile')">
                                        <span class="text-danger">@error('phone'){{ $message }}@enderror</span>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <input type="email" class="form-control form_input" name="email" value="{{ old('email') }}" placeholder="@lang('trans.E-MAIL ADDRESS')">
                                    <span class="text-danger">@error('email'){{ $message }}@enderror</span>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if ($type_id == 1)
                    <div class="border border-secondary p-3 pb-5 my-4 shadow-sm">
                            <h5 class="capital my-3 fw-normal">@lang('trans.Delivery Information')</h5>
                            <div class="row mt-4 pt-4">
                                <div class="col-12 col-md-6">
                                    <select class="form-control form_input w-100" required name="region_id" id="region_id">
                                        <option selected disable hidden data-price="0" value="">@lang('trans.region')</option>
                                        @foreach (Regions()->sortBy('region_name_'.lang()) as $region)
                                            <option data-min_order="{{ $region->min_order *  Country()->currancy_value }}" data-price="{{ $region->charge *  Country()->currancy_value }}" value="{{ $region->region_id }}">{{ $region['region_name_'.lang()] }}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">@error('region_id'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" required name="block" value="{{ old('block') }}" placeholder="@if(Country()->country_id == 1) @lang('trans.block') @else @lang('trans.district') @endif">
                                    <span class="text-danger">@error('block'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" required name="road" value="{{ old('road') }}" placeholder="@if(Country()->country_id == 1) @lang('trans.road') @else @lang('trans.street') @endif">
                                    <span class="text-danger">@error('road'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" name="building_no" value="{{ old('building_no') }}" placeholder="@lang('trans.Building')">
                                    <span class="text-danger">@error('building_no'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" name="floor_no" value="{{ old('floor_no') }}" placeholder="@lang('trans.floor_no')">
                                    <span class="text-danger">@error('floor_no'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" name="apartment" value="{{ old('apartment') }}" placeholder="@lang('trans.apartment')">
                                    <span class="text-danger">@error('apartment'){{ $message }}@enderror</span>
                                </div>
                                <div class="col-12 col-md-6">
                                    <input type="text" class="form-control form_input" name="type" value="{{ old('type') }}" placeholder="@lang('trans.flat') @lang('trans.Or') @lang('trans.office')">
                                    <span class="text-danger">@error('type'){{ $message }}@enderror</span>
                                </div>
    
                                <div class="col-12">
                                    <input type="text" class="form-control form_input" name="additional_directions" value="{{ old('additional_directions') }}" placeholder="@lang('trans.additional_directions')">
                                    <span class="text-danger">@error('additional_directions'){{ $message }}@enderror</span>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="col-12 col-md-4">
                    <div class="border border-secondary p-3 pb-5 my-4 shadow-sm">
                        <h5 class="capital my-3 fw-normal">@lang('trans.Payment Method')</h5>
                        <div class="row mt-4 pt-4">
                            <div class="col-12">
                                @foreach (Payments() as $payment)
                                <div class="form-check my-2">
                                    <input class="form-check-input" type="radio" required name="payment" value="{{ $payment->id }}" id="Payment{{ $loop->index }}" @if(old('payment')) @checked(old('payment') == $payment->id) @else @checked($loop->first) @endif >
                                    <label class="form-check-label" for="Payment{{ $loop->index }}">
                                        <img  src="{{ asset($payment->image) }}" class="img-fluid" alt="image" style="width:60px">
                                        {{ $payment['name_'.lang()] }}
                                    </label>
                                </div>
                                @endforeach
                                <span class="text-danger">@error('Payment'){{ $message }}@enderror</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                    
                <div class="row">
                    <div class="col-12">
                        <div class="border border-secondary p-3 my-4 shadow-sm">
                            <div class="d-flex align-items-center">
                                <i class="fa-brands fa-opencart h4 mb-0 me-3"></i>
                                <h5 class="capital my-3 fw-normal">@lang('trans.Order Details')</h5>
                            </div>
                            @foreach ($Cart as $key => $item)
                                <div class="d-md-flex align-items-center justify-content-between mt-1">
                                    <b class="my-1">{{ $item['quantity'] }} x {{ $item['product'][ lang('en') ? 'sub_category_name' : 'sub_category_name_ar' ] }}</b>
                                    <span class="my-1">{{ number_format($Cart[$key]['total'], Country()->decimals , '.', '') }} {{ Country()->currancy_code }}</span>
                                </div>
                                @if ( $item['note'] )
                                    <div class="mb-4">
                                        <span class="my-1 tiny_font">@lang('trans.notes'): {{ $item['note'] }}</span>
                                    </div>
                                @endif
                                <hr>
                            @endforeach
                            <div class="d-flex align-items-center justify-content-between mt-2">
                                <span class="my-1">@lang('trans.subTotal')</span>
                                <span class="my-1">{{ number_format($SubTotal, Country()->decimals , '.', '') }} {{ Country()->currancy_code }}</span>
                            </div>
                            @if ($VAT)
                            <div class="d-flex align-items-center justify-content-between">
                                <span class="my-1">@lang('trans.Vat')({{ setting('vat') }}%)</span>
                                <span class="my-1">{{ number_format($VAT, Country()->decimals , '.', '')  }} {{ Country()->currancy_code }}</span>
                            </div>
                            @endif
                            @if ($discount && $discount > 0)
                            <div class="d-flex align-items-center justify-content-between">
                                <span class="my-1">@lang('trans.discount')({{ $Discounts->first()->percent_off  ? $Discounts->first()->percent_off . '%' : $Discounts->first()->discount .  Country()->currancy_code }})</span>
                                <span class="my-1">{{ number_format($discount, Country()->decimals , '.', '') }} {{ Country()->currancy_code }}</span>
                            </div>
                            @endif
                            @if ($type_id == 1)
                            <div class="d-flex align-items-center justify-content-between">
                                <span class="my-1">@lang('trans.delivery_cost')</span>
                                <span class="my-1"><span  id="delivery_cost">{{ number_format($delivery_cost, Country()->decimals , '.', '') }}</span> {{ Country()->currancy_code }}</span>
                            </div>
                            @endif
                            <div class="d-flex align-items-center justify-content-between">
                                <span class="my-1">@lang('trans.netTotal')</span>
                                <span class="my-1"><span id="net_total" data-net_total={{ $NetTotal }}>{{  number_format($NetTotal, Country()->decimals , '.', '') }}</span> {{ Country()->currancy_code }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                @if($Cart->where('display',0)->count() == 0) 
                    <div class="col-sm-12 col-md-4 mx-auto mt-3">
                        <button type="submit" class="main_bt border-0 rounded w-100 py-3 capital transition-me" id="Submit">
                            @lang('trans.Submit')
                        </button>
                        <p id="min_order" class="d-none">
                            @lang('trans.min_order_must_be') <span class="text-danger">0</span>
                        </p>
                    </div>
                @else
                    @foreach($Cart->where('display',0) as $item)
                        <h4 class="text-danger text-center">
                            -@lang('trans.unavailable',['product'=> $item['product'][ lang('en') ? 'sub_category_name' : 'sub_category_name_ar' ]   ])
                        </h4>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    
@endsection

@push('js')
<script>
    $(document).on("change", '#region_id', function () {
        net_total = parseFloat($('#net_total').attr('data-net_total'));
        delivery_cost = parseFloat($( "#region_id option:selected" ).attr('data-price'));
        min_order = parseFloat($( "#region_id option:selected" ).attr('data-min_order'));
        $('#delivery_cost').html(parseFloat(delivery_cost).toFixed({{ Country()->decimals }}));
        $('#net_total').html(parseFloat(net_total + delivery_cost).toFixed({{ Country()->decimals }}));
        
        if(min_order > net_total){
            $('#Submit').addClass('d-none');
            $('#min_order').removeClass('d-none');
            $('#min_order').find('span').html(min_order + " " + " {{ Country()->currancy_code }} ");
        }else{
            $('#Submit').removeClass('d-none');
            $('#min_order').addClass('d-none');
        }
    });
</script>
@endpush