@extends('mainlayout.layout')


@section('title')

@endsection

@push('css')
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">

@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">


            <h4 class="mb-0 font-size-18">Editing Property Pricing For <a
                    href="/property/show/@encrypt($propplotprice->propertyid)">
                    [ {{App\Models\Property::find($propplotprice->propertyid)->name}} ]</a>

                {{App\Models\LandUse::find($propplotprice->landuseid)->use_en}} LAND USE</h4>


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





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

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

                    @csrf




                    <div class="row">



                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState">Full Payment Price</label>
                                <input class="form-control" name="full" value="{{$propplotprice->full}}" required="">

                            </div>
                        </div>


                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState">Installment Payment Price</label>
                                <input class="form-control" value="{{$propplotprice->installment}}" name="installment"
                                    required="">



                            </div>
                        </div>


                        <!--     <div class="col-lg-3">
                            <div class="form-group">
                                <label for="formrow-inputState"> Add Land Use</label>

                                <br>

                                <p id="addlanduse" class="btn btn-primary btn-sm "><i class="fa fa-plus"
                                        aria-hidden="true"></i>
                                    Land
                                    Use</p>


                            </div>
                        </div> -->


                    </div>



                    <div class="appendlanduse">


                    </div>










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

                            <button href="#" class="mt-4 btn btn_blck w-md" style="width:100%;">Update Pricing
                            </button>

                        </div>
                    </div>

                </form>

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


<!--<div class="temp">

    <div class="row">
        <div class="col-lg-3">
            <div class="form-group">
                <label for="formrow-inputState">Land Use</label>
                <select class="form-control" name="landuse[]" required="">


                    <option></option>

                

                </select>

            </div>
        </div>

        <div class="col-lg-3">
            <div class="form-group">
                <label for="formrow-inputState">Full Payment Price</label>
                <input class="form-control" name="full[]" required="">

            </div>
        </div>


        <div class="col-lg-3">
            <div class="form-group">
                <label for="formrow-inputState">Installment Payment Price</label>
                <input class="form-control" name="installment[]" required="">



            </div>
        </div>


    </div>


</div> -->



@endsection

@push('scripts')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>


<script>
    $("#addlanduse").click(function(){

        console.log("You clicked me");
});


</script>

@endpush