@extends('layouts.erp_theme_01')
@section('content')

    <div class="row">
        <div class="col-md-12">
            @if (session('err_msg_right'))
                <div class="col-md-12 ">
                    <div class="alert alert-info">
                        {{ session('err_msg_right') }}
                    </div>
                </div>
            @endif
            @if(isset($projects) && count($projects) > 0)

                @foreach($projects as $item)

                    @php
                        $total_expense = 0;
                    @endphp
                    @foreach($expenses as $expense)

                        @if( $item->id ==$expense->project_id)
                            @php
                                $total_expense +=$expense->amount;
                            @endphp
                        @endif

                    @endforeach

                    <div class="card mt-3">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-11"><h3>{{ $item->project_name }}
                                        @switch($item->current_status )
                                            @case('new'  )
                                                <span class='badge badge-info badge-pill'>New</span>
                                                @break
                                            @case( 'active'  )
                                                <span class='badge badge-success badge-pill'>Active</span>
                                                @break
                                            @case( 'paused' )
                                                <span class='badge badge-warning badge-pill'>Paused</span>
                                                @break
                                        @endswitch
                                    </h3></div>
                                <div class="col-1">
                                    <div class="dropdown ">
                                        <button class="btn btn-primary btn-sm" type="button" id="pullDown"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class='fa fa-cog'></i>
                                        </button>
                                        <div class="dropdown-menu  " aria-labelledby="pullDown">
                                            <a class="dropdown-item btnedit"
                                               href="/admin/add-project-phase?pid={{ $item->id  }}">Project Phases</a>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/view-expense-history?pid={{ $item->id  }}">View Expenses</a>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/project/prepare-guest-view-link?pid={{ $item->id  }}">Share
                                                Guest View</a>
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/project/edit-project?pid={{ $item->id  }}">Edit Project</a>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/project/edit-budget?pid={{ $item->id  }}">Edit Budget</a>
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/view-project-files?pid={{ $item->id  }}">View Files</a>
                                            <a class="dropdown-item btnedit"
                                               href="/admin/view-project-status?pid={{ $item->id  }}">Project Report</a>
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>

                                            @if( $item->show_in_dashboard == "yes")
                                                <button class="dropdown-item btnshowwidget" data-widget="toggledash"
                                                        data-action='rem' data-key="{{ $item->id  }}"
                                                        data-msg="Project quick link will be removed from dashboard."
                                                >Remove Dashboard Link
                                                </button>
                                            @else
                                                <button class="dropdown-item btnshowwidget" data-widget="toggledash"
                                                        data-action='add' data-key="{{ $item->id  }}"
                                                        data-msg="Project quick link will be added in dashboard."
                                                >Add Dashboard Link
                                                </button>
                                            @endif


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


                            <p><strong>Started from</strong> <span
                                        class='badge badge-primary badge-pill'>{{ date('m-d-Y', strtotime($item->start_date)) }}</span>
                                at <span class='badge badge-info badge-pill'>{{ $item->location_name }}</span>

                            <div class="row">
                                <div class="col-4">
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="title">Budget</h5>
                                            <span class='display-5' style='color: #669900'>{{ $item->estimated_budget }} ₹</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-4">
                                    <a target='_blank' role='button'
                                       href="{{ URL::to('/admin/view-expense-history')}}?pid={{ $item->id }}">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="title">Expenditure</h5>
                                                <span class='display-5'
                                                      style='color: #ff6600'>{{ $total_expense }} ₹</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                                <div class="col-4">

                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="title">Balance</h5>
                                            <span class='display-5' style='color: #10bb55'>{{ $item->estimated_budget - $total_expense}} ₹</span>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <hr/>
                            <strong>Description</strong><br/><span>{{ $item->project_desc }}</span>


                        </div>
                    </div>

                @endforeach

            @else
                <div class="col-md-12 ">
                    <div class="alert alert-info">
                        No project added yet!
                    </div>
                </div>
            @endif

        </div>
    </div>



    <form action="{{ action('Crm\Controller\ProjectManager@toggleProjectQuickLink') }}" enctype="multipart/form-data"
          method="post">
        {{ csrf_field() }}
        <div id='wgt-toggledash' class="modal" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Show/hide in Dashboard</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p class='alert' id="msg-toggledash"></p>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id='key-toggledash' name='key'/>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" name='btnsubmit' value='submit' class="btn btn-primary">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection


@section('script')

    <script>

        $(".btnedit").on('click', function () {
            $rowid = $(this).attr("data-rowid");
            $("#tb_locname").val($(this).attr('data-locname'));
            $("#tb_address").val($(this).attr('data-address'));
            $("#tb_landmark").val($(this).attr('data-landmark'));
            $("#tb_city").val($(this).attr('data-city'));
            $("#tb_zip").val($(this).attr('data-zip'));
            $("#ta_misc").val($(this).attr('data-details'));
            $("#ukey").val($rowid);

            $("#btnSave").val("update");
            $("#btnSave").html("Update");

        });


        $(".btndel").on('click', function () {
            var key = $(this).attr("data-key");
            $("#key").val(key);
            $widget = $(this).attr("data-widget");
            $("#widget-" + $widget).modal('show');
        });


        $(".btnshowwidget").on('click', function () {
            var key = $(this).attr("data-key");
            var action = $(this).attr("data-action");
            var msg = $(this).attr("data-msg");
            $widget = $(this).attr("data-widget");

            if (action == "add") {
                $("#msg-" + $widget).addClass("alert-info");
                $("#msg-" + $widget).removeClass("alert-danger");
            } else {
                $("#msg-" + $widget).removeClass("alert-info");
                $("#msg-" + $widget).addClass("alert-danger");
            }

            $("#msg-" + $widget).html(msg);
            $("#key-" + $widget).val(key);
            $("#wgt-" + $widget).modal('show');
        });


    </script>

@endsection