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

    @if( !isset($projects) || count( $projects ) == 0 )

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body overflow-hidden p-lg-6">
                        <div class="row align-items-center">
                            <div class="col-lg-6"><img class="img-fluid"
                                                       src="{{ URL::to('/public/assets/image/21.png') }}" alt=""></div>
                            <div class="col-lg-6 ps-lg-4 my-5 text-center text-lg-start">
                                <h3 class="text-primary">Welcome to Falcon Project Management!</h3>
                                <p class="lead">Create and manage project.</p>
                                <a class="btn btn-falcon-primary" href="admin/view-all-projects">View Projects</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    @else

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body overflow-hidden">
                        <div class="row align-items-center">
                            <div class="col-lg-6"><img width="220px" src="{{ URL::to('/public/assets/image/21.png') }}"
                                                       alt=""></div>
                            <div class="col-lg-6 ps-lg-4 my-5 text-center text-lg-start">
                                <h3 class="text-primary">Welcome to Falcon Project Management!</h3>
                                <p class="lead">Create and manage project.</p>
                                <a class="btn btn-falcon-primary" href="admin/view-all-projects">View Projects</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <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/view-project-status?pid={{ $item->id  }}">Project
                                                    Report</a>
                                                <li>
                                                    <hr class="dropdown-divider">
                                                </li>
                                                <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>
                                            </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>

                            </div>
                        </div>

                    @endforeach

                @endif

            </div>
        </div>
    @endif



    <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>

        $(".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");
            $("#msg-" + $widget).addClass("alert-danger");
            $("#msg-" + $widget).html(msg);
            $("#key-" + $widget).val(key);
            $("#wgt-" + $widget).modal('show');
        });

    </script>
@endsection