@extends('layouts.main')


@section('content')
    <div class="container">
        <form class="form-horizontal mt-2" method="get" action="{{ url('/pi-report') }}" name="search_filter"
            id="search_filter">
            <input type="hidden" id="submit_type" value="search" name="submit_type">
            <div class="card">
                <div class="card-header bg-dark">
                    <h5 class="card-title text-white">Search Project PI Report</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="form-group col-md-3 col-sm-6 search_by_start_date" style="">
                            <label class="">Log Start Date</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                </div>
                                <input type="text" name="search_by_start_date" id="search_by_start_date"
                                    value="{{ isset($request->search_by_start_date) ? $request->search_by_start_date : date('d-m-Y', strtotime($startDate)) }}"
                                    class="form-control" readonly />
                            </div>
                        </div>
                        <div class="form-group col-md-3 col-sm-6 search_by_end_date" style="">
                            <label class="">Log End Date</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                </div>
                                <input type="text" name="search_by_end_date" id="search_by_end_date"
                                    value="{{ isset($request->search_by_end_date) ? $request->search_by_end_date : date('d-m-Y', strtotime($endDate)) }}"
                                    class="form-control" readonly />
                            </div>
                        </div>
                        <div class="form-group col-md-3 col-sm-6 search_by_pm" style="">
                            <label>Project Manager</label>
                            <select class="form-control select2" style="width: 100%; height:36px;" name="search_by_pm[]"
                                id="search_by_pm" multiple="multiple">
                                @if (isset($projectManagerList) && !empty($projectManagerList))
                                    @foreach ($projectManagerList as $projectManagerDataVal)
                                        @if (isset($projectManagerDataVal['id']) && $projectManagerDataVal['id'] != '' && $projectManagerDataVal['status'] == 1)
                                            <option value="{{ $projectManagerDataVal['id'] }}"
                                                {{ isset($request->search_by_pm) && in_array($projectManagerDataVal['id'], $request->search_by_pm) ? 'selected' : '' }}>
                                                {{ $projectManagerDataVal['first_name'] . ' ' . $projectManagerDataVal['last_name'] }}
                                            </option>
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        {{-- <div class="form-group col-md-3 col-sm-6">
                                <label>Account Manager</label>
                                <select class="form-control select2" style="width: 100%; height:36px;" name="search_by_am[]" id="search_by_am" multiple="multiple">
                                        @if (isset($accountManagerList) && !empty($accountManagerList))
                                            @foreach ($accountManagerList as $accountManagerDataVal)
                                                @if (isset($accountManagerDataVal['id']) && $accountManagerDataVal['id'] != '' && $accountManagerDataVal['status'] == 1)
                                                    <option value="{{ $accountManagerDataVal['id'] }}" {{(isset($request->search_by_am) && in_array($accountManagerDataVal['id'],$request->search_by_am))?'selected':''}}>{{ $accountManagerDataVal['first_name'].' '.$accountManagerDataVal['last_name'] }}</option>
                                                @endif
                                            @endforeach
                                        @endif
                                </select>
                            </div> --}}


                        <div class="form-group col-md-3 col-sm-6 search_project_type" style="">
                            <label class="">Project Type</label>
                            <select name="search_project_type" id="search_project_type" style="width: 100%; height:36px;"
                                class="custom-select">
                                <option value="">All</option>
                                @if (isset($projectTypes) && !empty($projectTypes))
                                    @foreach ($projectTypes as $projectStatusVal)
                                        <option value="{{ $projectStatusVal['id'] }}"
                                            {{ isset($request->search_project_type) && $request->search_project_type == $projectStatusVal['id'] ? 'selected' : '' }}>
                                            {{ $projectStatusVal['project_type_name'] }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>



                        <div class="form-group col-md-3 col-sm-6 search_by_project_start_date" style="">
                            <label class="">Project Start Date</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                </div>
                                <input type="text" name="search_by_project_start_date" id="search_by_project_start_date"
                                    value="{{ isset($request->search_by_project_start_date) ? $request->search_by_project_start_date : '' }}"
                                    class="form-control" readonly />
                            </div>
                        </div>

                        <div class="form-group col-md-3 col-sm-6 search_department" style="display: none;">
                            <label>Department</label>
                            <select class="form-control select2" style="width: 100%; height:36px;" name="search_department[]" id="search_department" multiple="multiple">
                                <option value="">Select Department</option>
                                @if (isset($departmentList) && !empty($departmentList))
                                    @foreach ($departmentList as $key => $val)
                                        <option value="{{ $key }}" {{ isset($request->search_department) && in_array($key, $request->search_department) ? 'selected' : '' }}>{{ $val }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group col-md-3 col-sm-6">
                            <label>Listing Type</label>
                            <select class="custom-select" style="width: 100%; height:36px;" name="search_by_listing_type"
                                id="search_by_listing_type">
                                <option value="project_wise"
                                    {{ isset($request->search_by_listing_type) && $request->search_by_listing_type == 'project_wise' ? 'selected' : '' }}>
                                    Project Wise</option>
                                <option value="user_wise"
                                    {{ isset($request->search_by_listing_type) && $request->search_by_listing_type == 'user_wise' ? 'selected' : '' }}>
                                    User Wise</option>
                                <option value="financial_year"
                                    {{ isset($request->search_by_listing_type) && $request->search_by_listing_type == 'financial_year' ? 'selected' : '' }}>
                                    Financial Year</option>
                                <option value="profitability_report"
                                    {{ isset($request->search_by_listing_type) && $request->search_by_listing_type == 'profitability_report' ? 'selected' : '' }}>
                                    Profitability Report</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="float-left">
                        <button name="search_submit" type="submit" class="btn btn-primary btn-dark" value="1">
                            Search
                        </button>
                        <button name="search_reset" type="button" class="btn btn-info btn-secondary"
                            onclick="location.href='{{ url('/pi-report') }}'">
                            Reset
                        </button>
                    </div>
                </div>
            </div>
        </form>
        <div class="row mt-2">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row update_checked_data_row">
                            <div class="col-md-12 mb-3 d-flex justify-content-end">
                                <div class="float-right ml-2">
                                    <a title="Download Excel" id="export_to_excel">
                                        <button type="button" class="btn btn-primary btn-dark btn-block padding-5">Export
                                            to Excel</button>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                @if (isset($request->search_by_listing_type) && $request->search_by_listing_type == 'user_wise')
                                    @include('pi_report.project_pi_report_user_wise')
                                @elseif (isset($request->search_by_listing_type) && $request->search_by_listing_type == 'financial_year')
                                    @include('pi_report.project_pi_report_financial_year')
                                @elseif (isset($request->search_by_listing_type) && $request->search_by_listing_type == 'profitability_report')
                                    @include('pi_report.project_pi_report_profitability_report')
                                @else
                                    @include('pi_report.project_pi_report_project_wise')
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>


    {{-- <div class="container-fluid mt-2">
    <h1>PI Report</h1>
    <table class="table table-bordered data-table">
        <thead>
            <tr>
                <th>No</th>
                <th>Name</th>
                <th>Email</th>
                <th width="100px">Action</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div> --}}


@endsection

@section('javascript')
    <script>
        $('[data-toggle="tooltip"]').popover({
            html: false
        });

        $('#search_by_listing_type').change(function(){
            if($(this).val() == 'financial_year'){
                $('.search_project_type , .search_by_project_start_date , .search_by_pm , .search_by_start_date , .search_by_end_date, .search_department')
                    .css("display","none")
                    .find('input, select') 
                    .prop('disabled', true); 
            } else if($(this).val() == 'profitability_report'){
                $('.search_project_type , .search_by_project_start_date , .search_by_pm')
                    .css("display","none")
                    .find('input, select')
                    .prop('disabled', true);
                $('.search_by_start_date , .search_by_end_date, .search_department')
                    .css("display","block")
                    .find('input, select')
                    .prop('disabled', false);
            } else {
                $('.search_project_type , .search_by_project_start_date , .search_by_pm , .search_by_start_date , .search_by_end_date')
                    .css("display","block")
                    .find('input, select')
                    .prop('disabled', false);
                $('.search_department')
                    .css("display","none")
                    .find('input, select')
                    .prop('disabled', true);
                
            }
        });


        $(function() {
            $("#search_by_start_date,#search_by_end_date,#search_by_project_start_date").datepicker({
                format: "dd-mm-yyyy"
            });
        });

        $(document).ready(function() {

            $('.select2').select2();
        });
        $(".data_row").change(function() {
            if (!$(this).prop("checked")) {
                $("#checkAll").prop("checked", false);
            }
        });
        $('#checkAll').click(function() {
            $('input:checkbox').prop('checked', this.checked);
        });
    </script>

    <script type="text/javascript">
        $(function() {

            var table = $('.data-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('pireport.index') }}",
                    data: function(d) {
                        d.search_by_start_date = $('#search_by_start_date').val();
                        d.search_by_end_date = $('#search_by_end_date').val();
                    }
                },
                columns: [{
                        data: 'id',
                        name: 'id'
                    },
                    {
                        data: 'name',
                        name: 'name'
                    },
                    {
                        data: 'email',
                        name: 'email'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

        });

        $('#export_to_excel').on('click', function() {
            var dataArray = [];
            $.each($(".data_row:checked"), function() {
                dataArray.push($(this).val());
            });
            var action = $(this).val();

            var data_id = dataArray.join(',');

            var link = window.location.pathname;
            var query_string = window.location.search;

            var redirectLink;
            if (query_string !== '') {
                redirectLink = link + query_string + '&data_id=' + data_id + '&submit_type=export_excel';
            } else {
                redirectLink = link + '?data_id=' + data_id + '&submit_type=export_excel';
            }
            window.location = redirectLink;
        });
    </script>
@endsection