@extends('layout.app')

@section('title', 'Sales Process')

@section('content')

    <div class="container-fluid mt-5">
        <div class="row my-2">
            <div class="col-12 mb-4">
                <div class="block">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="page-title mb-0">Sales Process</h4>
                        <button class="btn btn-primary">Publish</button>
                    </div>

                    <div class="row mt-4">
                        <form class="form-horizontal">
                            <div class="row mb-3 align-items-center">
                                <div class="col-3">
                                    <label for="inputPassword6" class="col-form-label">Name</label>
                                </div>
                                <div class="col-9">
                                    <input type="text" class="form-control" placeholder="" value="Đợt mở bán 1">
                                </div>
                            </div>

                            <div class="row mb-3 align-items-center">
                                <div class="col-3">
                                    <label for="inputPassword6" class="col-form-label">Project Name</label>
                                </div>
                                <div class="col-9">
                                    <input type="text" class="form-control" placeholder="" value="SwanBay Đại Phước">
                                </div>
                            </div>

                            <div class="row mb-3 align-items-center">
                                <div class="col-3">
                                    <label for="inputPassword6" class="col-form-label">Start Date</label>
                                </div>
                                <div class="col-9">
                                    <input type="date" class="form-control">
                                </div>
                            </div>

                            <div class="row mb-3 align-items-center">
                                <div class="col-3">
                                    <label for="inputPassword6" class="col-form-label">End Date</label>
                                </div>
                                <div class="col-9">
                                    <input type="date" class="form-control">
                                </div>
                            </div>

                            <div class="row mb-3 align-items-center">
                                <div class="col-3">
                                    <label for="inputPassword6" class="col-form-label">Discount</label>
                                </div>
                                <div class="col-9">
                                    <input type="text" class="form-control" placeholder=""
                                           value="Discount 10% on 1st 10 Deposit">
                                </div>
                            </div>
                        </form>
                    </div> <!-- end row-->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        <!-- end row-->

    </div> <!-- container -->

@endsection

@section('script')
    {{--    <script type="text/javascript">--}}
    {{--        $(function() {--}}
    {{--            $('#datepicker').datepicker();--}}
    {{--        });--}}
    {{--    </script>--}}
@endsection