@extends('layouts.app')
@section('content')
    <section class="content">
        <div class="container-fluid">

            <div class="px-sm-4">
                <header>
                    <div class="row mt-2 mt-sm-3">
                        <div class="col-md-7 col-10">
                            <div class="top-head">
                                <h1>Projects</h1>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="#">Settings</a></li>
                                        <li class="breadcrumb-item"><a href="/projects">Projects</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">Project Details</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-5 text-sm-right text-left">
                            <span class="badge pencil-box">
                                <a href="/projects/step-1?id={{ $project->id }}"><i class="fa fa-pencil-alt"
                                        aria-hidden="true"></i></a>
                            </span>
                        </div>
                    </div>
                </header>

                <div class="row mt-2">
                    <div class="col-md-12">
                        <div class="user-editbox">

                            <div class="row">
                                <div class="col-md-3 mb-2 mb-sm-0">
                                    <div class="dam-constructionleftimg">
                                        {{-- <img src="/assets/img/project-detailsleft.png" alt=""> --}}
                                        <a href="{{ $project->image ? $project->image : 'javascript:void(0)' }}"
                                            @if ($project->image) target="_blank" @endif
                                            id="preview_image_link"><img
                                                src="{{ $project->image ? $project->image : '/assets/img/project-default-image.png' }}"
                                                id="preview_image"></a>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="projects-detailsright">
                                        <div class="row mb-1 mb-sm-4">
                                            <div class="col-md-7 mb-2 mb-sm-0">
                                                <h2>{{ @$project->name }}</h2>
                                                <h6>{{ @$project->improvementArea->name }}</h6>
                                            </div>
                        
                                            <div class="col-md-5 text-sm-right">
                                                @if($project->mode == 'draft')  
                                                <span class="badge draft-badge">Draft</span>
                                                @elseif($project->mode == 'published')
                                                <span class="badge published-badge">Published</span>
                                                @endif

                                                @if (@$project->status == 'active')
                                                    <span class="badge active-badge">Active</span>
                                                @else
                                                    <span class="badge inactive-badge">Inactive</span>
                                                @endif
                                            </div>
                                        </div>

                                        <h4>Survey completion period: <span> {{ @$project->survey_days }} days </span> </h4>
                                        <h4>Repayment start period (for Farmer): <span>
                                                {{ @$project->repayment_start_date }} days </span> </h4>

                                        <h6 class="mt-3 mt-sm-4">Description</h6>
                                        <div class="row">
                                            <div class="col-md-9">
                                                <p>{{ @$project->description }}
                                                    {{-- ... <a href="#">read more</a> --}}
                                                </p>
                                            </div>
                                        </div>

                                        <h3 class="mt-3">Project Commission & Repayment</h3>
                                           
                                        <div class="row">
                                            <div class="col-md-4">
                                            <h4>Glad Commission(Annual) : <br />  <span class="pt-2"><strong>{{ (@$project->glad_commission_perc)+0 }} %</strong></span></h4>  
                                            </div>
                                            {{-- <div class="col-md-3">
                                            <h4>DDE Commission : <br /> <span><strong>{{ (@$project->dde_commission_perc)+0 }} %</strong></span></h4>  
                                            </div> --}}
                                            <div class="col-md-4">
                                            <h4>Farmer Partition : <br /> <span><strong>{{ (@$project->farmer_part_perc)+0 }} %</strong></span></h4>  
                                            </div>
                                            <div class="col-md-4">
                                            <h4>Repayment Period : <br /> <span><strong>{{ (@$project->min_repay_months)+0}} Months</strong></span></h4>  

                                            </div>
                                        </div>

                                        <h3 class="mt-3">Project Measurement</h3>
                                            @php
                                                $projectUom = $projectUomsData->where('id',@$project->project_uom_id)->first();
                                            @endphp
                                        <div class="row">
                                            <div class="col-md-3">
                                            <h4>Unit of Measurment(UOM) : <br> <span><strong>{{ ucwords(@$projectUom->name) }} </strong></span></h4>  
 
                                            </div>
                                            <div class="col-md-3">
                                            <h4>Measurment Type : <br /> <span><strong>{{ ucwords(@$project->type) }}</strong></span></h4> 

                                            </div>
                                            @if(@$project->type == 'variable')
                                            <div class="col-md-3">
                                            <h4>Depends Upon(Per Unit Of): <br> <span><strong>{{ @$project->per_unit_of }}</strong></span></h4>  

                                            </div>
                                            <div class="col-md-3">
                                            <h4>Size Factor : <br> <span><strong>{{ @$project->factor}}</strong></span></h4>
                                            </div>
                                            @else
                                            <div class="col-md-3">
                                                <h4>Size : <span><strong>{{ @$project->project_size}}</strong></span></h4>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-3 mt-sm-5">
                                <div class="col-md-12">
                                    <label class="accord-label">Project Milestones</label>

                                    <div class="accordion project-detailsaccord" id="accordionExample">
                                        @foreach ($project->mileStones as $key => $milestone)
                                            <div class="card">
                                                <div class="card-header" id="heading{{ $key }}">
                                                    <h2 class="mb-0">
                                                        <button class="btn" type="button collapsed"
                                                            data-toggle="collapse"
                                                            data-target="#collapse{{ $key }}" aria-expanded="true"
                                                            aria-controls="collapse{{ $key }}">
                                                            <div class="row align-items-sm-center">
                                                                <div class="col-md-8 col-9">
                                                                    <p>{{ @$milestone->title }}</p>
                                                                    <h4 class="d-sm-none d-block">Duration
                                                                        <span>{{ @$milestone->duration }}
                                                                            days</span>
                                                                    </h4>
                                                                </div>
                                                                <div class="col-md-4 col-3">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-10 d-sm-block d-none text-right">
                                                                            <h4>Duration <span>{{ @$milestone->duration }}
                                                                                    days</span></h4>
                                                                        </div>
                                                                        <div class="col-md-2">
                                                                            <div class="arow-boxprojectdetails">
                                                                                <i class="fa fa-chevron-up"
                                                                                    aria-hidden="true"></i>
                                                                                <i class="fa fa fa-chevron-down"
                                                                                    aria-hidden="true"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </button>
                                                    </h2>
                                                </div>

                                                <div id="collapse{{ $key }}" class="collapse"
                                                    aria-labelledby="heading{{ $key }}"
                                                    data-parent="#accordionExample">
                                                    <div class="card-body pt-0">
                                                        <div class="projectdetails-accordcontent">
                                                            <div class="row">
                                                                @php
                                                                $resourcePriceNew = $milestone->prices
                                                                    ->where('project_milestone_id', $milestone->id)
                                                                    ->where('is_default', 1)
                                                                    ->first();
                                                                @endphp
                                                                
                                                            </div>
                                                            {{--<label class="accord-label mt-2 mt-sm-4">Attributes</label></br>
                                                            @foreach ($milestone->types as $key1 => $materialType)
                                                                <div class="water-facilitybox mt-2">
                                                                    <div class="row">
                                                                        <div class="col-md-3 mb-2 mb-sm-0">
                                                                            <h6>Material Type</h6>
                                                                            <h5>{{ $materialType->name }}</h5>
                                                                        </div>
                                                                        @foreach ($milestone->capacities as $key2 => $capacity)
                                                                            <div class="col-md-3 mb-2 mb-sm-0">
                                                                                <div>
                                                                                    @php
                                                                                        $resourcePrice = $milestone->prices
                                                                                            ->where('resource_type_id', $materialType->id)
                                                                                            ->where('resource_capacity_id', $capacity->id)
                                                                                            ->first();
                                                                                    @endphp
                                                                                    <label
                                                                                        class="edit-label">{{ $capacity->name }}</label>
                                                                                        <input type="radio" id="is_default{{ $key . $key1 . $key2 }}" class="edit-label" name="price_default[{{ $key }}][is_default]" value="{{ @$resourcePrice->is_default }}" {{ @$resourcePrice->is_default == 1 ? 'checked' : ''  }} >
                                                                                        <label  for="is_default{{ $key . $key1 . $key2 }}"></label>
                                                                                    <input type="text"
                                                                                        name="price[{{ $key . $key1 . $key2 }}][price]"
                                                                                        value="{{ @$resourcePrice->resource_price }}"
                                                                                        class="form-control edit-input facility-input"
                                                                                        placeholder="UGX" onkeydown="return false;">
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            @endforeach--}}

                                                            <label class="accord-label mt-2 mt-sm-4">Milestone
                                                                deliverables</label></br>

                                                            <div class="row">
                                                                <div class="col-md-11">
                                                                    <div class="row">
                                                                        @foreach ($milestone->tasks as $key => $task)
                                                                            <div class="col-md-6 mt-2">
                                                                                <div class="deliverables-box">
                                                                                    <div
                                                                                        class="d-flex justify-content-between align-items-center">
                                                                                        <div>
                                                                                            <h5>{{ @$task->name }}
                                                                                            </h5>
                                                                                        </div>
                                                                                        <div class="deliverables-boxinner">
                                                                                            {{ $key+1 }}
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- Start Milestone Resources -->
                                                            <label class="accord-label mt-2 mt-sm-4">Milestone
                                                                Resources</label>
                                                                <div class="row">
                                                                    <div class="col-md-12">
                                                                        <div class="table-responsive">
                                                                            <table class="table dam-constructiontable">
                                                                                <thead>
                                                                                  <tr>
                                                                                    <th style="width: 220px;"><label class="edit-label">Material</label></th>
                                                                                    <th style="width: 150px;"><label class="edit-label">Type</label></th>
                                                                                    <th style="width: 100px;"><label class="edit-label">Capacity/Thickness</label></th>
                                                                                    <th style="width: 100px;"><label class="edit-label">UOM for costing</label></th>
                                                                                    <th><label class="edit-label">Price</label></th>
                                                                                    <th><label class="edit-label">Dependent</label></th>
                                                                                    <th style="width: 150px;"><label class="edit-label">Per unit of</label></th>
                                                                                    <th><label class="edit-label">Factor</label></th>
                                                                                    <th><label class="edit-label">Fixed Size</label></th>
                                                                                  </tr>
                                                                                </thead>
                                                                                <tbody id="milestonePricingBody{{$key}}">
                                                                                        @if(count($milestone->prices) > 0)
                                                                                            @foreach($milestone->prices as $key1 => $priceData) 
                                                                                                @php
                                                                                                $projectUom = $projectUomsData->where('id',@$priceData->uom_id)->first();
                                                                                                @endphp
                                                                                            <tr>
                                                                                                <td >
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_name}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_type}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_capacity}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$projectUom->name}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_price}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <select class="form-control edit-input edit-select edit-inoutnew" disabled>
                                                                                                        <option value="">Select</option>
                                                                                                        <option value="variable" @if(@$priceData->resource_size_type == 'variable') selected @endif>Variable</option>
                                                                                                        <option value="fixed" @if(@$priceData->resource_size_type == 'fixed') selected @endif>Fixed</option> 
                                                                                                    </select>
                                                                                                </td>
                                                                                                <td>
                                                                                                    
                                                                                                    <select class="form-control edit-input edit-select unit-selectnew per-unit-of" disabled>
                                                                                                        <option value="">Select</option>
                                                                                                        <option value="herd_size" @if(@$priceData->resource_size_dependency == 'herd_size') selected @endif>Herd Size</option>
                                                                                                        <option value="milking_cows" @if(@$priceData->resource_size_dependency == 'milking_cows') selected @endif>Milking Cows</option> 
                                                                                                        <option value="farm_size" @if(@$priceData->resource_size_dependency == 'farm_size') selected @endif>Farm Size</option> 
                                                                                                        <option value="dairy_area" @if(@$priceData->resource_size_dependency == 'dairy_area') selected @endif>Dairy Area</option> 
                                                                                                        <option value="distance_to_water_source" @if(@$priceData->resource_size_dependency == 'distance_to_water_source') selected @endif>Distance To Water Source</option> 
                                                                                                        <option value="milestone_duration" @if(@$priceData->resource_size_dependency == 'milestone_duration') selected @endif>Milestone Duration</option> 
                                                                                                        <option value="project_duration" @if(@$priceData->resource_size_dependency == 'project_duration') selected @endif>Project Duration</option> 
                                                                                                    </select>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_size_factor}}" readonly>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <input type="text" class="form-control edit-input edit-inoutnew" value="{{@$priceData->resource_size_fixed}}" readonly>
                                                                                                </td>
                                                                                            </tr>
                                                                                            @endforeach
                                                                                        @else
                                                                                        
                                                                                        @endif
                                                                                </tbody>
                                                                              </table>
                                                                        </div> 
                                                                    </div>
                                                                </div>
                                                            <!-- Close Milestone resources -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <!-- <div class="row mt-2 mt-sm-3">
                                <div class="col-md-12">
                                    <label class="accord-label">Payment Terms</label>
                                </div>
                            </div> -->

                            <div class="row mt-1">
                                {{--<div class="col-md-6 mt-3">
                                    <div class="payments-termsbox">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <h3>Advance</h3>
                                            <span
                                                class="badge payment-valuebadge">{{ @$project->advance_payment }}%</span>
                                        </div>
                                    </div>
                                </div>--}}
                                
                                {{--@foreach ($project->paymentTerms as $key => $paymentTerm)
                                    <div class="col-md-6 mt-3">
                                        <div class="payments-termsbox">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <h3>{{ @$paymentTerm->payment_term }}</h3>
                                                <span
                                                    class="badge payment-valuebadge">{{ @$paymentTerm->payment_percentage }}%</span>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach--}}
                            </div>

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

            </div>

        </div>
    </section>
@endsection
@section('scripts')
    <script type="text/javascript">
        function activeStatus() {
            var status = 'active';
            $('#status').val(status);
            document.getElementById('staus').setAttribute('onclick', 'inactiveStaus()');
        }

        function inactiveStaus() {
            var status = 'inactive';
            $('#status').val(status);
            document.getElementById('staus').setAttribute('onclick', 'activeStatus()');
        }
    </script>
@endsection