@extends('mainlayout.layout')


@section('title')
Status Update for {{$plot->plotnumber}} of {{$property->name}}
@endsection

@push('css')
<link type="text/css" href="{{ asset('/web/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}"
    rel="stylesheet">
<link rel="stylesheet" href="{{ asset('/web/assets/libs/@chenfengyuan/datepicker/datepicker.min.css')}}">

<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
<script src="{{url('/ckeditor/ckeditor.js')}}"></script>

@endpush





@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            Purchase Status Update for {{$plot->plotnumber}} of {{$property->name}}

        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form action="/property/updatepostpurchase/@encrypt($plot->id)" enctype="multipart/form-data"
                    method="POST">

                    @csrf




                    <div class="row">

                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Current Status</label>
                                <select class="form-control" id="current_status" name="status">
                                    <option></option>
                                    @foreach($completed_order_statuses as $status)

                                    <option value="{{$status->id}}">{{$status->step}}</option>
                                    @endforeach
                                </select>

                            </div>
                        </div>



                    </div>

                    <div class="row">

                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Attachment</label>

                                <input type="file" class="form-control" name="attachment"
                                    accept="image/*,.doc, .docx,.pdf" />

                            </div>
                        </div>



                    </div>




                    <div class="row">

                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="formrow-inputState">Notes</label>
                                <textarea class="form-control" name="notes" col="10" rows="5"></textarea>


                            </div>
                        </div>



                    </div>



                    <div class="row">
                        <div class="col-lg-3">

                            <button type="submit" class="mt-4 btn btn_blck w-md" style="width:100%;">Add Status
                            </button>

                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/assets/image-uploader.min.js"></script>


<script>
    $('.input-images').imageUploader();
    CKEDITOR.replace( 'ckview' );



</script>

@endpush