@extends('backend.master')
@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}" />

<div class="my-3 my-md-5 app-content">
    <div class="side-app">
        <div class="page-header">
            <h4 class="page-title">Add New Plot</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Forms</a></li>
                <li class="breadcrumb-item active" aria-current="page">Add New PLot</li>
            </ol>
        </div>

        @if (session('status'))
        <div class="alert alert-success" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <i class="fa fa-check-circle-o mr-2" aria-hidden="true"></i> Well done! You successfully added a block.
        </div>
        @endif

        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <div class="row">
            <div class="col-12">
                <form  	 class="card">
                    <div class="card-header">
                        <h3 class="card-title">Enter Plot Details</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class=" col-lg-6 col-md-6">
                                <label class="form-label">Block</label>
                                <div class="row">
                                    <div class=" col-lg-8 col-md-8">
                                        <div class="form-group mb-0">

                                            <select class="form-control select2-show-search" id="block" name="block_name_id">
                                                <option disabled selected value="0">-- Select Block --</option>
                                                @if(!empty($blocks))
                                                @foreach($blocks as $block)
                                                <option value="{{$block->id}}">{{$block->block_name}}</option>
                                                @endforeach
                                                @endif


                                            </select>

                                        </div>
                                        <p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
                                    </div>
                                    <div class=" col-lg-2 col-md-4">
                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal3"><i class="fe fe-plus mr-2"></i>More</button>
                                    </div>
                                    <div class=" col-lg-2 col-md-4">
                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete-block"><i class="fe fe-trash"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-lg-3">
                                <div class="form-group mb-0 ">
                                    <label class="form-label">Size</label>
                                    <select class="form-control select2 custom-select" name="plot_size" >
                                        <option value="0" disabled selected>-- Select Size --</option>
                                        <option value="0" disabled selected>-- Select Size --</option>
                                        <option value="2 Marla">2 Marla</option>
                                        <option value="3 Marla">3 Marla</option>
                                        <option value="4 Marla">4 Marla</option>
                                        <option value="5 Marla">5 Marla</option>
                                        <option value="6 Marla">6 Marla</option>
                                        <option value="7 Marla">7 Marla</option>
                                        <option value="10 Marla">10 Marla</option>
                                        <option value="20 Marla">20 Marla</option>
                                    </select>
                                </div>
                                <span class="error-msg is-invalid" style="display: none;"> This Field is required!</span>
                            </div>
                            <div class="col-lg-3 col-md-3">
                                <div class="form-group">
                                    <label class="form-label">Plot Number</label>
                                    <input type="text" class="form-control" name="plot_no" placeholder="Plot Number" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
                                </div>
                            </div>
                            <!-- <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                            <label class="custom-switch">
                                                    <span class="custom-switch-description">Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet</span>&emsp;
                                                    <input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
                                                    <span class="custom-switch-indicator"></span>
                                            </label>
                                    </div>
                            </div> -->
                            <div class="col-md-4 col-lg-4">
                                <div class="form-group mb-0 ">
                                    <label class="form-label">Plot Type</label>
                                    <select class="form-control select2 custom-select" name="plot_type" data-placeholder="-- Select plot_type --">
                                        <option label="-- Select plot_type --">
                                        </option>
                                        <option value="0" disabled selected> -- Select Plot Type -- </option>
                                        <option value="10% Corner">10% Corner</option>
                                        <option value="10% Facing Park">10% Facing Park </option>
                                        <option value="10% 40'Wide Road">10% 40'Wide Road </option>
                                        <option value="15% Corner+Facing Park">15% Corner+Facing Park </option>
                                        <option value="15% Main Bulevard">15% Main Bulevard </option>
                                        <option value="20% Main Boulevard+Corner">20% Main Bulevard+Corner</option>
                                        <option value="20% Main Bulevard+Facing Park">20% Main Bulevard+Facing Park"</option>
                                        <option value="30% Facing Lake">30% Facing Lake</option>
                                        <option value="Normal Plot<">Normal Plot</option>
                                    </select>
                                </div>
                                <p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
                            </div>
                            <div class="col-lg-4 col-md-4">
                                <div class="form-group">
                                    <label class="form-label">File Number</label>
                                    <input type="text" class="form-control" name="plot_file_no" placeholder="File Number" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4">
                                <div class="form-group">
                                    <label class="form-label">Dimenssion</label>
                                    <input type="text" class="form-control" name="plot_dimenssion" placeholder="Dimenssion" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required!</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4">
                                <div class="form-group">
                                    <label class="form-label">Price</label>
                                    <input type="number" min="1" class="form-control" name="plot_price" placeholder="Price" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required and should be greater than 0!</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4">
                                <div class="form-group">
                                    <label class="form-label">Total Price</label>
                                    <input type="number" min="1" class="form-control" name="plot_total_price" placeholder="Total Price" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required and should be greater than 0!</p>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4">
                                <div class="form-group">
                                    <label class="form-label">Booking Price</label>
                                    <input type="number" min="0" class="form-control" name="booking_price" placeholder="Booking Price" required>
                                    <p class="error-msg is-invalid" style="display: none;"> This Field is required and should be greater than 0!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <div class="d-flex">
                            <a href="{{route('admin.manage_plots')}}" class="btn btn-link">Cancel</a>
                            <a type="submit" name="submit" id="submit" class="btn btn-primary ml-auto">Add Plot</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Add Block</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="post" action="{{route('admin.create_block')}}">
                    @csrf
                    <div class="form-group">
                        <label for="recipient-name" class="form-control-label">Enter Block Name</label>
                        <input type="text" name="block_name" class="form-control" >
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button href="{{route('admin.create_block')}}" type="submit" class="btn btn-primary">Add</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Add Plot Size</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="post" action="{{route('admin.create_block')}}">
                    @csrf
                    <div class="form-group">
                        <label for="recipient-name" class="form-control-label">Enter Block Name</label>
                        <input type="text" name="block_name" class="form-control" >
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button href="{{route('admin.create_block')}}" type="submit" class="btn btn-primary">Add</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="delete-block" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="example-Modal3">Remove Plot</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="post" action="{{route('admin.delete.block')}}">
                    @csrf
                    <div class="form-group mb-0">

                        <select class="form-control select2-show-search" id="block" name="block">

                            @if(!empty($blocks))
                            @foreach($blocks as $block)
                            <option value="{{$block->id}}">{{$block->block_name}}</option>
                            @endforeach
                            @endif


                        </select>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button href="{{route('admin.create_block')}}" type="submit" class="btn btn-danger">Submit</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
                            <!-- <script type="text/javascript">
                                    
                                    $.ajaxSetup({
                                            headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                            }
                                    });
                                    
                                    $("submit").click(function(e){
                                    e.preventDefault();
                                    var name = $("input[name=plot_no]").val();
                                    var password = $("input[name=price]").val();
                                    var email = $("input[name=total_price]").val();

                                    console.log(name);
                                    
                                    $.ajax(
                                    {
                                            type:'POST',
                                            url:'/ajaxRequest',
                                            data:{name:name, password:password, email:email},
                                            success:function(data){
                                            alert(data.success);
                                            }
                                            });
                                     });
                            </script> -->


@stop