@extends('web.layouts.app')
@section('title')@endsection
@section('meta_description')@endsection

@section('css')
@endsection

@section('content')

    <!--============= Quotation Section =============-->
    <section class="quote-section">
        <div class="container">
            <div class="section-title text-center mb-5">
                <h1>Order <span class="text-warning">Now</span></h1>
                <p class="text-center text-strong letter-space-4">Lorem ipsum dolor sit amet.</p>
            </div>
            <div class="w-md-50 mx-auto quote-form">
                <form>
                    <div class="mb-3">
                        <input type="text" class="form-control" placeholder="Your Name">
                    </div>
                    <div class="mb-3">
                        <input type="hidden" class="form-control" placeholder="Email Address">
                    </div>

                    <div class="mb-3">
                        <input type="text" class="form-control" placeholder="Phone Number">
                    </div>

                    <div class="mb-3 mt-3">
                        <select class="form-control">
                            <option value="">Select One</option>
                            @foreach($services as $service)
                             <option value="">{{$service->title}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <input type="number" class="form-control" placeholder="Quantity">
                    </div>

                    <div class="mb-3">
                        <input type="url" class="form-control" placeholder="File Destination">
                    </div>
                    <div class="mb-3">
                        <textarea class="form-control" placeholder="Special Note/Description"></textarea>
                    </div>

                    <div class="mb-3">
                        <input type="password" class="form-control" placeholder="Password">
                        <p class="text-12 ml-2 text-warning">please give a password for craete a account. you can easly manage your order from your panel</p>
                    </div>


                    <div class="text-center py-3">
                        <button type="submit" class="btn btn-warning">Order Now</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <!--============= Quotation Section =============-->
@endsection

@section('js')
@endsection