@extends('layouts.admin.index')
@section('content')
<style>
    .readonly-select {
    pointer-events: none;
    background-color: #e9ecef; /* Optional: make it look disabled */
    color: #495057;
}
</style>

@php
    $authUser = auth()->user();
    $isAdmin = $authUser->role_id == 1;
@endphp

<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.sales_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="sales_reports" action='{{ route("admin.sales_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 for="branch_id">{{ __('cruds.branch') }}</label>
                                @php
                                    $select = trans('cruds.select') ;
                                    $selected = 0 ;
                                    $where = [] ;
                                    $user = auth()->user() ;
                                    if($user->role_id != 1){
                                        $where[] = ['id','=',$user->branch_id] ;
                                        $select = '' ;
                                        $selected = $user->branch_id ;
                                    }
                                @endphp
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <select name="branch_id" id="branch_id" class="form-control ">
                                    {!! options('branches',$where, [], 'id', 'branch_name', 'id',
                                    'asc',$select,$selected) !!}
                                </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 for="project_id">{{ __('cruds.project') }}</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <select name="project_id" id="project_id" class="form-control "
                                    onchange="loadChild('blocks',[['project_id','=',this.value]],'id','block_name','id','asc','{{ trans('cruds.select') }}','','#block_id')">
                                    <option value="">Select Project</option>
                                    @foreach ($projects as $project)
                                        <option value="{{ $project->id }}">
                                            {{ $project->project_name }}
                                        </option>
                                    @endforeach
                                </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 for="block_id">{{__('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 " 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 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 for="road_id">{{__('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],['booked_status','=','Available']],'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>

                    <!-- 3rd 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 for="plot_id">{{__('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 " name="plot_id" id="plot_id">
                                    <option value="">Select Plot</option>
                                    @foreach(\App\Plot::orderBy('id', 'asc')->get() as $plot)
                                        <option value="{{ $plot->id }}">
                                            {{ $plot->plot_no }} ({{ ucfirst($plot->book_status) }})
                                        </option>
                                    @endforeach
                                </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 for="manager_agents_id">{{__('cruds.sales_by_manager')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <select class="form-control " name="manager_agents_id" id="manager_agents_id">
                                    {!! options('sales_manager_agents', [], [], 'id', 'sales_concern_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 for="executive_id">{{__('cruds.sales_by_executive')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <select class="form-control {{ $errors->has('executive_id') ? 'is-invalid' : '' }} {{ !$isAdmin ? 'readonly-select' : '' }}" name="executive_id" id="executive_id" >
                                    <option value="">{{ __('cruds.select') }}</option>
                                    @foreach ($executives as $executive)
                                        <option value="{{ $executive->id }}" 
                                            @if(!$isAdmin && $authUser->id == $executive->id)
                                            selected
                                            @endif>
                                            {{ $executive->name }}
                                        </option>
                                    @endforeach
                                </select>
                                </div>
                                </div>
                        </div>
                    </div>
                    <!-- 14th 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">
                                @php
                                $customers = find('Customer', [], 'customer_code', 'asc','get');
                                @endphp
                                <label for="customer_id">{{__('cruds.customer')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <select class="form-control " name="customer_id" id="customer_id">
                                    <option value="">Select Customer</option>
                                    @foreach ($customers as $customer )
                                    <option value="{{ $customer->id }}">{{ $customer->customer_code }} -
                                        {{ $customer->full_name }}</option>
                                    @endforeach

                                </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 for="plot_facing">{{__('cruds.plot_facing')}} </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <select name="plot_facing" id="plot_facing" class="form-control ">
                                    {!! option(plotFacing(),trans('cruds.select'),'') !!}
                                </select>
                                </div>
                                </div>
                        </div>
                    </div>

                    <!-- 5th 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 for="from_date">{{ __('cruds.from_date') }}</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                <input type="date" name="from_date" id="from_date" class="form-control">
                                </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 for="to_date">{{ __('cruds.to_date') }}</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                <input type="date" name="to_date" id="to_date" class="form-control">
                                </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="mt-5 show">

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
    function loadChild(table, where, valueField, labelField, orderBy, orderDir, placeholder, selectedValue = '', target = '') {
        $.ajax({
            url: '{{ route("admin.load.child") }}',
            type: 'GET',
            data: {
                table: table,
                where: where,
                valueField: valueField,
                labelField: labelField,
                orderBy: orderBy,
                orderDir: orderDir
            },
            success: function (response) {
                let $target = $(target);
                $target.empty();
                $target.append(`<option value="">${placeholder}</option>`);

                $.each(response, function (index, item) {
                    const selected = (item.id == selectedValue) ? 'selected' : '';
                    $target.append(`<option value="${item.id}" ${selected}>${item.text}</option>`);
                });
            },
            error: function () {
                alert('Something went wrong while loading data.');
            }
        });
    }
</script>
<script>

    validateSummernote('sales_executive_personForm');
    $('.search_btn').on('click', function (e) {
        e.preventDefault();
        $('input[name="search_type"]').val('search');
        let form, url, data;
        form = $("#sales_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