@extends('web.layouts.layout')
@section('content')

    <main>
        <!-- Start pg_header -->
    @include('web.pages.components.header.header')


        <section class="checkout_pg section">
            <div class="container">
                <form method="post" action="{{$action}}" onsubmit="formAction(this)" >
                    @CSRF
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="box mb-5">
                                <h2 class="sec_title bb fw-bold mb-5">   {{__('web.way_pay')}}      </h2>
                                <!-- Payment -->
                                <div class=" mb-0">
                                    <div class="checks_box row">
                                        @foreach($ways as $row)
                                            <div class="col">
                                                <div class="form-check mb-3">
                                                    <input class="form-check-input" type="radio" name="way_id" value="{{$row->id}}" id="payRadio{{$row->id}}">
                                                    <label class="form-check-label" for="payRadio{{$row->id}}">
                                                        <img src="{{asset($row->image)}}" class="smImg " alt="">
                                                        {{$row->title}}
                                                    </label>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="box mb-5">
                                <h2 class="sec_title bb fw-bold mb-5">    {{__('web.shipping_way')}}      </h2>
                                <!-- Shipping -->
                                <div class=" mb-0">
                                    @if(count($shippings))
                                    <div class="checks_box row">
                                        @foreach($shippings as $row)
                                            <div class="col">
                                                <div class="form-check mb-3">
                                                    <input class="form-check-input" type="radio" name="shipping_id" value="{{$row->id}}" id="shipRadio{{$row->id}}">
                                                    <label class="form-check-label" for="shipRadio{{$row->id}}">
                                                        <img src="{{asset($row->image)}}" class="smImg " alt="">
                                                        {{$row->title}}
                                                    </label>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    @else
                                        @include('web.pages.components.not_found',['message'=>__('web.not_found_shipping')])
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="butns d-flex align-items-center justify-content-center">
                        <a href="{{route('web.checkout.address')}}" class="butn primary_border_butn me-2"> {{__('web.back')}}  </a>
                        <button type="submit" class="butn primary_butn">
                            {{__('web.next')}}
                        </button>
                    </div>
                </form>
            </div>
        </section>

    </main>

@endsection

@section('inject_js')
@endsection