@extends('layouts.master')

@section('title', 'যোগাযোগ - ' . config('app.name'))

@section('content')
<div class="container py-5">
    <div class="row">
        <div class="col-md-6">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h3 class="mb-4">যোগাযোগ করুন</h3>
                    
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    
                    <form action="{{ route('contact.send') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">আপনার নাম</label>
                            <input type="text" name="name" class="form-control" required>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">ইমেইল</label>
                            <input type="email" name="email" class="form-control" required>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">বিষয়</label>
                            <input type="text" name="subject" class="form-control" required>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">মেসেজ</label>
                            <textarea name="message" class="form-control" rows="5" required></textarea>
                        </div>
                        
                        <button type="submit" class="btn btn-primary">পাঠান</button>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-6">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h3 class="mb-4">যোগাযোগের তথ্য</h3>
                    
                    <div class="mb-4">
                        <h5><i class="fas fa-map-marker-alt text-primary"></i> ঠিকানা</h5>
                        <p>বাংলা নিউজ পোর্টাল<br>ঢাকা, বাংলাদেশ</p>
                    </div>
                    
                    <div class="mb-4">
                        <h5><i class="fas fa-phone text-primary"></i> ফোন</h5>
                        <p>+880 1234 567890</p>
                    </div>
                    
                    <div class="mb-4">
                        <h5><i class="fas fa-envelope text-primary"></i> ইমেইল</h5>
                        <p>info@banglanews.com</p>
                    </div>
                    
                    <div>
                        <h5><i class="fas fa-share-alt text-primary"></i> সোশ্যাল মিডিয়া</h5>
                        <div class="d-flex gap-3">
                            <a href="#" class="btn btn-outline-primary"><i class="fab fa-facebook-f"></i></a>
                            <a href="#" class="btn btn-outline-info"><i class="fab fa-twitter"></i></a>
                            <a href="#" class="btn btn-outline-danger"><i class="fab fa-youtube"></i></a>
                            <a href="#" class="btn btn-outline-primary"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection