@extends('layout.template')

@section('title','Login')

@section('content')

<div class="container" style="max-width: 400px; margin: 50px auto;">
    
    <h3 class="text-center mb-4">Login with Phone</h3>

    {{-- Success Message --}}
    @if(session('success'))
        <div style="color: green; margin-bottom: 10px;">
            {{ session('success') }}
        </div>
    @endif

    {{-- Error Message --}}
    @if($errors->any())
        <div style="color: red; margin-bottom: 10px;">
            {{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ route('login.submit') }}">
        @csrf

        <div style="margin-bottom: 15px;">
            <label>Phone Number</label>
            <input type="text" name="phone" class="form-control" placeholder="Enter phone number" required>
        </div>

        <button type="submit" class="btn btn-primary w-100">
            Login
        </button>
    </form>

</div>

@endsection