@extends('layouts.main')
@section('content')
    <div class="operations ">
        <img src="./image/head_operation.png" class="operations__header">
        <div class="container">
            @foreach($operations as $date)
                <div class="operations__date">
                    {{  \Carbon\Carbon::parse($date[0]['deadline_date'])->translatedFormat('j F Y')}}
                </div>

                @foreach($date as $operation)
                    <a href="{{route('operations.edit',$operation->id)}}" data-toggle="modal" data-target="#myModal-{{ $operation->id }}" title="Edit">
                        <div class="operations__card">
                            <div class="operations__card__icon">
                                @if($operation->amount>=0)
                                    <img src="./image/increase_icon.png" alt="">
                                @else
                                    <img src="./image/decrease_icon.png" alt="">
                                @endif
                            </div>
                            <div class="operations__card__group">
                                <div class="operations__card__content">
                                    <span>{{$operation->name}}</span>
                                    <span>{{$operation->budget? $operation->budget->name:''}}</span>
                                </div>
                                <div class="operations__card__amount">
                                    <span>{{$operation->amount . ' €'}}</span>
                                </div>
                            </div>
                        </div>
                    </a>
                    @include('page.operation.modal', $operation)

                @endforeach
            @endforeach
        </div>
    </div>
{{--    <edit-operation-component></edit-operation-component>--}}
@endsection
@section('script')
    <script>
		// function loadModal(id) {
		// 	var element = document.getElementById("myModal");
		// 	element.setAttribute('operationid', id)
		// 	element.classList.add("show");
		// 	element.classList.add("d-block");
        //
		// 	console.log(element)
		// }
    </script>
@endsection