@extends('layouts.app')

@section('title', 'Add New Customer')

@section('content_header_title', 'Customers')
@section('content_header_subtitle', 'Add New Customer')

@section('content_body')

<div class="card">
    <div class="card-header">
        <h3 class="card-title">Add New Hotel</h3>
    </div>
    
    <div class="card-body">
    <form action="{{ route('customers.store') }}" method="POST">
        @csrf
        <div class="form-group">
            <label>Title</label>
            <select name="title" class="form-control">
                <option value="Mr">Mr</option>
                <option value="Mrs">Mrs</option>
                <option value="Ms">Ms</option>
                <option value="Dr">Dr</option>
            </select>
        </div>
        <div class="form-group">
            <label>First Name</label>
            <input type="text" name="first_name" class="form-control" required>
        </div>
        <div class="form-group">
            <label>Last Name</label>
            <input type="text" name="last_name" class="form-control" required>
        </div>
        <div class="form-group">
            <label>Email (Optional)</label>
            <input type="email" name="email" class="form-control">
        </div>
        <div class="form-group">
            <label>Mobile No (Optional)</label>
            <input type="text" name="mobile_no" class="form-control">
        </div>
        <button type="submit" class="btn btn-success">Save</button>
        <a href="{{ route('customers.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
    </div>
</div>
@endsection