@extends('layout.emapp')
@section('content')
    <section class="home">
        <div class="container pt-4">
            <!--<div style="position: absolute; left: 10; float: left; padding-right: 0; z-index: -99;">-->
            <!--    <img src="{{asset('employer-con/images/clients.png')}}" class="resize-img" height="148" width="180" style="opacity: .2">-->
            <!--</div>-->
            <div class="row ">


                <!--<div style="position: absolute; right: 0; float: right; padding-right: 0; z-index: -99;">-->
                <!--    <img src="{{asset('employer-con/images/Career.png')}}" class="resize-img" height="148" width="190" style="opacity: .2">-->
                <!--</div>-->
                <div class="col-12 d-flex justify-content-center" style="padding-top:4em;">



                    <!--<div style="position: absolute; right: 0; top: 280px; float: right; padding-right: 0; z-index: -99;">-->
                    <!--    <img src="{{asset('employer-con/images/Arrow.png')}}" class="resize-img" height="70" width="250" style="opacity: .1;">-->
                    <!--</div>-->


                    <!--<div style="position: absolute; top: 480px; left: 100px; float: left; padding-right: 0; z-index: -99;">-->
                    <!--    <img src="{{asset('employer-con/images/bag.png')}}" class="resize-img" height="128" width="170" style="opacity: 6%">-->
                    <!--</div>-->
                    <!--     <div class="row ">
           <div class="col text-center"> -->
                <form action="payment-wallet-em" method="get">
                    <div class="cards shadow" style="width: 28rem; height: 24rem; ">
                        <div class=" card-bodys p-4" style="background-color: #fafafa; ">

                            <h5 class="card-title text-center "><b>{{__('Buy')}}</b></h5>

                            <p class="card-text pl-4 pr-4"><b>{{__('At price')}}</b> <span
                                    class="float-right text-uppercase"><b>KWD</b> </span></p>
                            <!--  <p class="card-text">Contact:</p> -->
                            <div class="p-4"><input name="amount" class="form-control form-control-lg cardform" type="number"
                                    placeholder="{{__('Amount')}}" required></div>

                            <div class="text-center pt-4">
                                <a href="payment-em"> <button class="btn btn-lg btn-primaryy shadow" style="width:8em;">
                                        {{__('Buy')}} </button></a>
                            </div>
                        </div>
                    </div>
                    <!--  </div>
     </div> --></form>
                </div>
            </div>
        </div> <!-- container -->

    </section>
@endsection