@extends('layouts.admin.index')
@section('content')

<div class="row">
    <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">
                    {{ trans('cruds.project_details_reports') }}
                </h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <form id="project_details_reports" action='{{ route("admin.project_details_reports.search") }}' method="POST"
                    enctype="multipart/form-data" target="__blank">
                    @csrf
                    <input type="hidden" name="search_type" value="search">

                    <!-- 1st row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                <label class="form-label">{{__('cruds.project_name')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <select class="form-control   {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                    name="project_id" id="project_id"   onchange="loadChild('blocks',[['project_id','=',this.value]],'id','block_name','id','asc','{{ trans('cruds.select') }}','','#block_id')">
                                    {!! options('projects', [], [], 'id', 'project_name', 'id', 'asc',
                                    trans('cruds.select'), 0) !!}
                                </select>
                                </div>
                                </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                <label class="form-label">{{__('cruds.block_name')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <select class="form-control   {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                    name="block_id" id="block_id"   onchange="loadChild('roads',[['block_id','=',this.value]],'id','road_name','id','asc','{{ trans('cruds.select') }}','','#road_id')">
                                    {!! options('blocks', [], [], 'id', 'block_name', 'id', 'asc',
                                    trans('cruds.select'),0) !!}
                                </select>
                                </div>
                                </div>
                        </div>
                    </div>

                    <!-- 2nd row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                <label class="form-label">{{__('cruds.road_name')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <select class="form-control   {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                    name="road_id" id="road_id"   onchange="loadChild('plots',[['road_id','=',this.value]],'id','plot_no','id','asc','{{ trans('cruds.select') }}','','#plot_id')">
                                    {!! options('roads', [], [], 'id', 'road_name', 'id', 'asc',
                                    trans('cruds.select'), 0) !!}
                                </select>
                                </div>
                                </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                <label class="form-label">{{__('cruds.plot_no')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <select class="form-control   {{ $errors->has('project_id') ? 'is-invalid' : '' }}"
                                    name="plot_id" id="plot_id"  >
                                    {!! options('plots', [], [], 'id', 'plot_no', 'id', 'asc',
                                    trans('cruds.select'), 0) !!}
                                </select>
                                </div>
                                </div>
                        </div>
                    </div>

                    <div class="row justify-content-center mt-3">
                        <div class="col-md-4 text-center">
                            <button type="submit" id="s_btn" style="display: none"></button>
                            <button class="btn ripple btn-success search_btn" type="button">{{__('cruds.search')}}</button>
                            <button class="btn ripple btn-info print_btn" type="button">{{__('cruds.print')}}</button>
                        </div>
                    </div>
                </form>
                <div class="row  mt-5 show">

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>

    validateSummernote('sales_executive_personForm');
    $('.search_btn').on('click', function (e) {
        e.preventDefault();
        $('input[name="search_type"]').val('search');
        let form, url, data;
        form = $("#project_details_reports");
        url = form.attr('action');
        data = form.serialize();
        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            success: function (response) {
                $('.show').html('');
                $('.show').html(response);
            }
        });
    })
    $('.print_btn').on('click',function(){
        $('input[name="search_type"]').val('print');
        $('#s_btn').click();
    })

</script>

@endsection