@extends('layouts.app')

@section('title', 'Create New Lead')

@section('page-specific-style')

@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">New Lead</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('leads.store') }}" method="POST" autocomplete="off">
                        @csrf
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label for="country">Country</label>
                                <select class="form-select" id="country" name="country">
                                    <option value="USA">USA</option>
                                </select>
                            </div>
                            <div class="col-md-8 mb-3">
                                <label for="phone">Primary Phone</label>
                                <input type="text" class="form-control" id="phone" name="phone" placeholder="Primary Phone" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="first_name">First Name</label>
                                <input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="middle_name">Middle Name</label>
                                <input type="text" class="form-control" id="middle_name" name="middle_name" placeholder="Middle Name" autocomplete="off">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="last_name">Last Name</label>
                                <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name" autocomplete="off">
                            </div>
                            <div class="col-md-6">
                                <label for="status" class="form-label">Status</label>
                                <select class="form-select" id="status111" name="status111">
                                    <option value="New">New</option>
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="assigned_to">Assigned To</label>
                                <select class="form-control" id="assigned_to" name="assigned_to">
                                    <option value="">Select User</option>
                                    <!-- Add more assigned user options as needed -->
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="tags">Tags</label>
                                <input type="text" class="form-control" id="tags" name="tags" placeholder="Tags" autocomplete="off">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="source">Source</label>
                                <select class="form-control" id="source" name="source">
                                    <option value="">Select Source</option>
                                    <!-- Add more source options as needed -->
                                </select>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Create New Lead</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-specific-script')

@endsection