@extends('layouts.app')
@section('title', __('Stock Takes'))

@section('content')

<section class="content-header">
    <h1>@lang('Mpesa ')
        <small>@lang('Mpesa')</small>
    </h1>
    <meta name="csrf-token" content="{{ csrf_token() }}">
</section>

    <!-- Main content -->
    <section class="content">
        <div class="card">
            <div style="max-width: 500px; margin: 0 auto; padding: 20px; border: 1px solid #ccc;">
        <h2>Initiate M-Pesa Payment</h2>
        
        @if(session('success'))
            <div style="color: green; font-weight: bold; margin-bottom: 15px;">
                {{ session('success') }}
            </div>
        @endif
        
        @if(session('error'))
            <div style="color: red; font-weight: bold; margin-bottom: 15px;">
                {{ session('error') }}
            </div>
        @endif


        <!-- Form to capture phone number and amount -->
        <form method="POST" action="{{ route('stkpush.send') }}">
            @csrf

            <!-- Phone Number -->
            <div style="margin-bottom: 15px;">
                <label for="phone" style="display: block; font-weight: bold;">Phone Number</label>
                <input type="text" id="phone" name="phone" placeholder="Enter Phone Number" 
                       value="{{ old('phone') }}" required style="width: 100%; padding: 8px; font-size: 16px;"/>
                @if ($errors->has('phone'))
                    <span style="color: red; font-size: 14px;">{{ $errors->first('phone') }}</span>
                @endif
            </div>

            <!-- Amount -->
            <div style="margin-bottom: 15px;">
                <label for="amount" style="display: block; font-weight: bold;">Amount (KES)</label>
                <input type="number" id="amount" name="amount" placeholder="Enter Amount" 
                       value="{{ old('amount') }}" required style="width: 100%; padding: 8px; font-size: 16px;" />
                @if ($errors->has('amount'))
                    <span style="color: red; font-size: 14px;">{{ $errors->first('amount') }}</span>
                @endif
            </div>

            <div style="text-align: center;">
                <button type="submit" style="padding: 10px 20px; font-size: 16px; background-color: #007bff; color: white; border: none;">Initiate Payment</button>
            </div>
        </form>
    </div>

            </div>

        </div>

    </section>
@endsection
@section('scripts')
    <script>
        
    </script>
@endsection