@extends('admin.layouts.master')
@section('content')
    @include('admin.layouts.breadcrumbs',['contract_id'=>request()->get('contract_id')])


    <!-- Data list view starts -->
    <section id="data-list-view" class="data-list-view-header">
        <!-- DataTable starts -->
        <div class="table-responsive">
            <table class="table data-list-view">
                <thead>
                <tr>
                    <th></th>
                    <th>الاسم</th>
                    <th>نسبة الاكتمال</th>
{{--                    <th>مدة التنفيذ</th>--}}
{{--                    <th>الوصف</th>--}}
                    <th>الحالة</th>
                    <th>خيارات</th>
                </tr>
                </thead>
                <tbody>
                @foreach($terms as $term)
                        <tr>
                            <td></td>
                            <td class="product-name">{{$term->values()->where('name','name')->first()?->value}}</td>
                        @if ($term->values()->where('name','percentage')->first() != null)

                            @php
                                $progress_class =  'progress-bar-success';
                                if ($term->values()->where('name','percentage')->first()->value < 30){
                                    $progress_class =  'progress-bar-danger';
                                }elseif ($term->values()->where('name','percentage')->first()->value  < 60){
                                    $progress_class =  'progress-bar-warning';
                                }
                            @endphp
                            <td>
                                <div class="progress {{$progress_class}}" style="position: relative;height: 1.5rem">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="{{$term->values()->where('name','percentage')->first()->value}}" aria-valuemin="0" aria-valuemax="100" style="width:{{$term->values()->where('name','percentage')->first()->value}}%;" data-toggle="tooltip" title="{{$term->values()->where('name','percentage')->first()->value}}%">
                                        {{$term->values()->where('name','percentage')->first()->value }}%</div>
{{--                                    <span class="" style="--}}
{{--    position: absolute;--}}
{{--    left: 0;--}}
{{--    background-color: #000;--}}
{{--    color: #FFF;--}}
{{--    padding-left: 3px;--}}
{{--    font-size: 1.1rem;--}}

{{--"><i class="feather icon-edit"></i>--}}
{{--                            </span>--}}
                                </div>
{{--                                <form id="form-{{$term->id}}" action="{{route('admin.terms.update',$term->id)}}" method="POST">--}}
{{--                                    {{csrf_field()}}--}}
{{--                                    {{method_field('PUT')}}--}}
{{--                                <div class="input-group" style="display: none;position: relative">--}}
{{--                                    <input type="number" step="10" name="percentage" class="touchspin" value="{{$term->values()->where('name','percentage')->first()->value}}">--}}
{{--                                    <span onclick="document.getElementById('form-{{$term->id}}').submit();" class="" style="--}}
{{--    position: absolute;--}}
{{--    top: 4px;--}}
{{--    left: -16px;--}}
{{--    padding-left: 3px;--}}
{{--    font-size: 1.1rem;--}}

{{--"><i class="feather icon-save"></i>--}}
{{--                            </span>--}}
{{--                                </div>--}}
{{--                                </form>--}}
                            </td>

                            @else
                            <td>لايوجد بيانات</td>
                            @endif

{{--                            <td>{{$term->values()->where('name','time')->first()?->value}}</td>--}}
{{--                            <td>{{$term->values()->where('name','description')->first()?->value}}</td>--}}
                            <td class="product-action">
                                @php
                                    $payed = \App\ContractData::findOrFail($term->id)->values()->where('name','status')->first();
                                @endphp
                                @if(isset($payed) && $payed->value == 0)
                                    <strong class="text-info">تم طلب السداد</strong>
                                @elseif(isset($payed) && $payed->value == 1)
                                    <strong class="text-success">تم السداد</strong>
                                @else
                                    @if(auth()->user()->hasRole('owner'))
                                        {{'الاعمال جارية'}}
                                    @else
                                        @if($term->values()->where('name','percentage')->first() != null && $term->values()->where('name','percentage')->first()->value != 100)
                                            <a href="#123" class="btn btn-warning disabled" role="button"  aria-disabled="true">طلب دفعة مالية</a>
                                        @else
                                            <a href="javascript:void (0)" onclick="askForMoney('{{$term->id}}')" class="btn btn-success" role="button">طلب دفعة مالية</a>
                                            <form action="{{route('admin.notifications.store')}}" method="post" id="money-{{$term->id}}">
                                                {{csrf_field()}}
                                                <input type="hidden" name="term_id" value="{{$term->id}}">
                                                <input type="hidden" name="contract_id" value="{{$term->contract_id}}">
                                                <input type="hidden" name="type" value="askForMoney">
                                                <input type="hidden" name="text" id="text-{{$term->id}}">
                                            </form>
                                        @endif
                                    @endif

                                @endif
                            </td>
                            <td>
                                @can('edit terms')
                                <a href="{{route('admin.terms.edit',$term->id)}}" class="btn btn-info btn-sm"><i class="feather icon-edit"></i></a>
                                @endcan

                                    @can('delete terms')

                                        <a onclick="fireDeleteEvent({{$term->id}})" type="button" class="btn btn-sm btn-danger"><i class="feather icon-trash"></i>حذف</a>
                                        <form action="{{route('admin.terms.destroy',$term->id)}}" method="POST" id="form-{{$term->id}}">
                                            {{csrf_field()}}
                                            {{method_field('DELETE')}}
                                        </form>
                                    @endcan
                            </td>
                        </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <!-- DataTable ends -->

        <!-- add new sidebar starts -->
        <div class="add-new-data-sidebar">
            <div class="overlay-bg"></div>
            <form method="post" action="{{route('admin.terms.store')}}">
                {{csrf_field()}}
                <div class="add-new-data">
                    <div class="div mt-2 px-2 d-flex new-data-title justify-content-between">
                        <div>
                            <h4 class="text-uppercase">اضافة بند جديد</h4>
                        </div>
                        <div class="hide-data-sidebar">
                            <i class="feather icon-x"></i>
                        </div>
                    </div>
                    <div class="data-items pb-3">
                        <div class="data-fields px-2 mt-3">
                            <div class="row">
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">اسم البند</label>
                                    <input required  type="text" class="form-control" name="term_name" placeholder="اسم البند">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">الدفعة المالية</label>
                                    <input required type="number" class="form-control" name="term_money" placeholder="الدفعة المالية">
                                    <input  type="hidden"  name="contract_id" value="{{$_GET['contract_id']}}">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">مدة التنفيذ</label>
                                    <input required  type="text" class="form-control" name="term_time" placeholder=" مدة التنفيذ">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">وصف البند</label>
                                    <textarea required name="description" class="form-control" rows="5"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="add-data-footer d-flex justify-content-around px-3 mt-2">
                        <div class="add-data-btn">
                            <button class="btn btn-primary">حفظ</button>
                        </div>
                        <div class="cancel-data-btn">
                            <button class="btn btn-outline-danger">الغاء</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- add new sidebar ends -->
    </section>
    <!-- Data list view end -->
@endsection
@section('script')
    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
            $('.icon-edit').click(function (){
                $('.progress').hide();
                $('.input-group').show();
            });



        });

        function askForMoney(id){
            Swal.fire({
                title: 'طلب دفعة مالية',
                input: 'text',
                inputAttributes: {
                    autocapitalize: 'off',
                    required:'required',
                    id:'myTextArea'
                },
                showCancelButton: true,
                confirmButtonText: 'save',
                showLoaderOnConfirm: false,
            }).then((result) => {
                if (result.isConfirmed) {
                    $('#text-'+id).val($('#myTextArea').val());
                    $('#money-'+id).submit();
                }
            })
        }//end askForMoney


    </script>
@endsection
@section('style')
    @cannot('create terms')
    <style>
        .action-btns{
            visibility: hidden;
        }
    </style>
    @endcannot
@endsection