@extends('layouts.admin2')



@section('content')


    <div class="row">

        <div class="row col-md-12">
            {{--        "col-md-3 col-md-pull-9"--}}

            {{--        "col-md-3 col-md-pull-9"--}}

            @if( Auth::user()->role->name=='Admin')
            <a href="{{route('orders.index')}}">
                <div style="padding: 10px">
                    <button class="btn btn-success"><i class="fas fa-arrow-circle-left"></i>Home</button>
                </div>
            </a>

            @elseif( Auth::user()->role->name=='Clients')
                <a href="{{route('orders.index')}}">
                    <div style="padding: 10px">
                        <button class="btn btn-success"><i class="fas fa-arrow-circle-left"></i>Home</button>
                    </div>
                </a>

            @elseif( Auth::user()->role->name=='Cashier')
                <a href="{{route('cashier.index')}}">
                    <div style="padding: 10px">
                        <button class="btn btn-success"><i class="fas fa-arrow-circle-left"></i>Home</button>
                    </div>
                </a>
            @endif

        </div>

        <div class="col-lg-6">

            <!-- Dropdown Card Example -->
            <div class="card shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">Order Details</h6>
                    <div class="dropdown no-arrow">
                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
                            <div class="dropdown-header">More Actions:</div>
                            <a class="dropdown-item" href="#">Confirm Order</a>
{{--                            <a class="dropdown-item" href="#">Another action</a>--}}
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Cancel Order</a>
                        </div>
                    </div>
                </div>
                <!-- Card Body -->
                <div class="card-body">

                    <h5 id="levels" class="center-block" align="center">Status => <span style="font-weight:bold;">{{$orders->stagecategory->name}}</span> </h5>
                    <p>Order Number = <span style="font-weight:bold;">{{$orders->order_no}}</span></p>
                    <p>Name = <span style="font-weight:bold;">{{$orders->user->name}}</span></p>
                    <p>Date of Pickup = <span style="font-weight:bold;">{{$orders->date_of_pickup}}</span></p>
                    <p>Pickup Location = <span style="font-weight:bold;">{{$orders->pickuplocation->name}}</span></p>
                    <p>Residential Address = <span style="font-weight:bold;">{{$orders->delivery_address}}</span></p>
                    <p>Phone Number = <span style="font-weight:bold;">{{$orders->phone_no}}</span></p>
                    <p>Additional Notes = <span style="font-weight:bold;">{{$orders->add_notes}}</span></p>
                    <p>Type of Service = <span style="font-weight:bold;">{{$orders->typesofservice->name}}</span></p>
                    <p>Payment Made= GHC. <span style="font-weight:bold;">{{$orders->payment_made}}</span></p>
                    <p>Payment Total = GHC. <span style="font-weight:bold;">{{$orders->payment_total}}</span></p>
                    <p>Payment Balance = GHC. <span style="font-weight:bold;">{{($orders->payment_total)-($orders->payment_amt)}} </span></p>
                </div>
                @if( Auth::user()->role->name=='Cashier' ||  Auth::user()->role->name== 'Admin')
                <a  class="btn btn-success" href="#" data-toggle="modal" data-target="#logoutModal2">Make Payment</a>
                @else
                <a  class="btn btn-success" href="#" data-toggle="modal" data-target="#logoutModal">Make Payment</a>
                    @endif

            </div>

            <!-- Collapsable Card Example -->
            <!-- Logout Modal for client paying online-->
            <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Make Payment</h5>
                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-footer">

                            <div class="card shadow mb-4">
                                <div class="card-body">
                                    {!! Form::model($orders, ['method'=>'POST','action'=>['PaymentController@payreq', $orders->id]]) !!}
{{--                                    <p>Payment Total = GHC. <span style="font-weight:bold;">{{$orders->payment_total}}</span></p>--}}
{{--                                    <p>Amount to be Paid = GHC. <span style="font-weight:bold;">{{($orders->payment_total)-($orders->payment_amt)}} </span>--}}
                                    <p>Amount to be Paid = GHC. <span style="font-weight:bold;">{{($orders->payment_total)}} </span>
                                    </p>
{{--                                    {!! Form::text('payment', null, ['class'=>'form-control']) !!}--}}
{{--                                    <span style="font-weight: bold">Enter Amount : </span>  {!!  Form::number('payout', null ,['class'=>'form-control only-numeric','placeholder'=>'Enter Payment']);  !!}--}}
{{--                                    <p class="error" style="color: red; font-size: 12px; display: none">* No decimal or letters is allowed!</p>--}}

                                    {!!  Form::hidden('payout', $orders->payment_total,['class'=>'form-control only-numeric','placeholder'=>'Enter Payment']);  !!}

                                    <br>

                                 <span style="font-weight: bold"> Enter Phone Number : </span> {!!  Form::text('phone', null ,['class'=>'form-control only-numeric','placeholder'=>'Enter Phone Number']);  !!}
                                    <p class="error" style="color: red; font-size: 12px; display: none">* No decimal or letters is allowed!</p>
                                    <br>
                                    <span style="font-weight: bold">    Choose Network : </span> {!! Form::select('payOption',array('MTN_MONEY'=>'MTN','AIRTEL_MONEY'=>'AIRTEL-CASH','TIGO_CASH'=>'TIGO-CASH','VODAFONE_CASH'=>'VODAFONE-CASH','SLYDEPAY'=>'SLYDEPAY'),null,['class'=>'form-control']) !!}
                                    {!! Form::hidden('ordercode',$orders->order_no) !!}
                                    {!! Form::hidden('name',$orders->user->name) !!}
                                    {!! Form::hidden('email',$orders->user->email) !!}

                                </div>
                            </div>
                            {!! Form::submit('Submit' ,['class'=>'btn btn-primary'], '') !!}

                            <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                            {!! Form::close() !!}


                        </div>
                    </div>
                </div>
            </div>



            <!-- Logout Modal2-->
            <div class="modal fade" id="logoutModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Make Payment</h5>
                            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-footer">

                            <div class="card shadow mb-4">
                                <div class="card-body">
                                    {!! Form::model($orders, ['method'=>'PATCH','action'=>['PaymentController@update', $orders->id]]) !!}
                                    <p>Payment Total = GHC. <span style="font-weight:bold;">{{$orders->payment_total}}</span></p>
{{--                                    <p>Applied Coupon : {!!  $orders->coupon_code !!}</p>--}}
                                    <p>Amount to be Paid = GHC. <span style="font-weight:bold;">{{($orders->payment_total)-($orders->payment_amt)}} </span>
                                    </p>
                                    {{--  {!! Form::text('payment', null, ['class'=>'form-control']) !!}--}}

                                    {!!  Form::number('payout', null ,['class'=>'form-control only-numeric','placeholder'=>'Enter Amount']);  !!}
                                    <p class="error" style="color: red; font-size: 12px; display: none">* No decimal or letters is allowed!</p>
                                    <br>

                                    Enter Phone Number : {!!  Form::text('phone', null ,['class'=>'form-control only-numeric','placeholder'=>'Enter Phone Number']);  !!}
                                    <p class="error" style="color: red; font-size: 12px; display: none">* No decimal or letters is allowed!</p>

{{--                                    {!! Form::select('payOption',array('MTN_MONEY'=>'MTN','AIRTEL_MONEY'=>'AIRTEL-CASH','TIGO_CASH'=>'TIGO-CASH','VODAFONE_CASH'=>'VODAFONE-CASH','SLYDEPAY'=>'SLYDEPAY'),null,['class'=>'form-control']) !!}--}}
                                    {!! Form::hidden('ordercode',$orders->order_no) !!}
                                    {!! Form::hidden('name',$orders->user->name) !!}
                                    {!! Form::hidden('email',$orders->user->email) !!}
                                    {!! Form::hidden('payer_on_order_id',$orders->user->id) !!}
                                </div>
                            </div>
                            {!! Form::submit('Submit' ,['class'=>'btn btn-primary'], '') !!}

                            <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                            {!! Form::close() !!}


                        </div>
                    </div>
                </div>
            </div>


        </div>

    </div>









    @endsection