@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/initiatives">Initiatives</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{$initiatives->title}}</li>
  </ol>
</nav>
<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4>Initiative # {{$initiatives->id}}</h4>
            </div>
        </div>
    </div>
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
          <h6 class="card-title">Basic Form</h6>
            @if($initiatives->title)
            <div class="mb-3">
              <label class="form-label">Title :</label>
              <p>{{$initiatives->title}}</p>
            </div>
            @endif
            @if($initiatives->sub_title)
            <div class="mb-3">
              <label class="form-label">Sub Title :</label>
              <p>{{$initiatives->sub_title}}</p>
            </div>
            @endif
            @if($initiatives->description != null)
            <div class="mb-3">
              <label class="form-label">Description :</label>
              <p>{!!$initiatives->description!!}</p>
            </div>
            @endif
            <div class="mb-3">
              <label class="form-label">Impact :</label>
              <p>
                @if($initiatives->impact == 'low') Low @endif
                @if($initiatives->impact == 'moderate') Moderate @endif
                @if($initiatives->impact == 'large') Large @endif
              </p>
            </div>
            <div class="mb-3">
              <label class="form-label">Cost of Implementation :</label>
              <p>
                @if($initiatives->cost_of_implementation == 'low') Low @endif
                @if($initiatives->cost_of_implementation == 'medium') Medium @endif
                @if($initiatives->cost_of_implementation == 'high') High @endif
              </p>
            </div>
            @if(get_category_by_id($initiatives->category_id) != null)
            <div class="mb-3">
              <label class="form-label">Category :</label>
              <p>{{get_category_by_id($initiatives->category_id)->title}}</p>
            </div>
            @endif
            @if(get_category_by_id($initiatives->sub_category_id) != null)
            <div class="mb-3">
              <label class="form-label">Category :</label>
              <p>{{get_category_by_id($initiatives->sub_category_id)->title}}</p>
            </div>
            @endif
            @if(get_language_by_id($initiatives->language_id) != null)
            <div class="mb-3">
              <label class="form-label">Language :</label>
              <p>
                <img src="{{asset('storage/images/languages/' . get_language_by_id($initiatives->language_id)->icon)}}" type="image/svg+xml" style="width: 20px;height: 20px;" >
              </p>
            </div>
            @endif
            @if($attach_approve)
            <div class="mb-3">
              <label class="form-label">Attachments :</label>
                @foreach($attachments as $attachment)
                  <p><a class="example-link" href="{{asset('storage/images/attachments/' . $attachment)}}" download>{{$attachment}}</a></p>
                @endforeach
            </div>
            @endif  
        </div>
      </div>
    </div>
  </div>

@endsection