@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">Property Pricing For <a href="/property/show/@encrypt($property->id)">
                    {{$property->name}} </a></h4>


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


@if(!empty($pricing))
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <div class="table-responsive">

                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap"
                        style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                        <thead>
                            <tr>
                                <th>#</th>
                                <th>LandUse</th>
                                <th>Full</th>
                                <th>Installment</th>


                                <th></th>
                                <th></th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pricing as $index => $p)
                            <tr>
                                <th scope="row">{{++$index}}</th>
                                <td>{{App\Models\LandUse::find($p->landuseid)->use_en}}</td>
                                <td>TZS {{number_format($p->full, 0,'.',',')}}</td>
                                <td>TZS {{number_format($p->installment, 0,'.',',')}}</td>

                                <td>{{$p->created_at}}</td>

                                <td><a href="/property/editpricing/@encrypt($p->id)"><i class="fa fa-pencil"
                                            aria-hidden="true"></i>edit</a></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>



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

@endif


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

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

                    @csrf




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

                                    @foreach($landuses as $use)
                                    <option value="{{$use->id}}">{{$use->use_en}}</option>

                                    @endforeach

                                </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 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%;">Submit 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>

                    @foreach($landuses as $use)
                    <option value="{{$use->id}}">{{$use->use_en}}</option>

                    @endforeach

                </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