@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>
                </tr>
                </thead>
                <tbody>
                @foreach($certs as $term)
                    <tr>
                        <td></td>
                        <td class="product-name">{{$term->values()->where('name','name')->first()?->value}}</td>
                        <td class="product-name">{{$term->values()->where('name','date')->first()?->value}}</td>
                        <td class="product-action">
                            <a href="{{asset($term->values()->where('name','value')->first()?->value)}}" target="_blank" class="btn btn-success"><i class="feather icon-eye"></i></a>
                        </td>
                        <td>
                            <a href="{{asset($term->values()->where('name','value')->first()?->value)}}" download class="btn btn-primary"><i class="feather icon-download"></i></a>
                        </td>
                        <td>
                            @can('edit certifications')
                            <a href="{{route('admin.certifications.edit',$term->id)}}" class="btn btn-info"><i class="feather icon-edit"></i></a>
                            @endcan

                                @can('delete certifications')

                                    <a onclick="fireDeleteEvent({{$term->id}})" type="button" class="btn btn-danger"><i class="feather icon-trash"></i>حذف</a>
                                    <form action="{{route('admin.certifications.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 action="{{route('admin.certifications.store')}}" method="post" enctype="multipart/form-data">
                {{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="name">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">التاريخ</label>
                                    <input required type="date" class="form-control" name="date">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">المبلغ</label>
                                    <input required type="number" class="form-control" name="money">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">الملف</label>
                                    <input  type="file" class="form-control" name="diagram_file">
                                    <input  type="hidden"  name="contract_id" value="{{$_GET['contract_id']}}">
                                </div>
                                    <div class="col-sm-12 data-field-col">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>الصلاحيات</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="custom-control d-inline-block custom-switch custom-switch-primary mr-2 mb-1">
                                                    <p class="mb-1">الادارة</p>
                                                    <input type="checkbox" name="contract_roles[]" value="management" class="custom-control-input" id="management">
                                                    <label class="custom-control-label" for="management"></label>
                                                </div>
                                                <div class="custom-control d-inline-block custom-switch custom-switch-primary mr-2 mb-1">
                                                    <p class="mb-1">المحاسبة</p>
                                                    <input type="checkbox" name="contract_roles[]" value="accountant" class="custom-control-input" id="accountant">
                                                    <label class="custom-control-label" for="accountant"></label>
                                                </div>
                                                <div class="custom-control d-inline-block custom-switch custom-switch-primary mr-2 mb-1">
                                                    <p class="mb-1">المالك</p>
                                                    <input type="checkbox" name="contract_roles[]" value="owner" class="custom-control-input" id="owner">
                                                    <label class="custom-control-label" for="owner"></label>
                                                </div>
                                                <div class="custom-control d-inline-block custom-switch custom-switch-primary mr-2 mb-1">
                                                    <p class="mb-1">المهندس</p>
                                                    <input type="checkbox" name="contract_roles[]" value="engineer" class="custom-control-input" id="engineer">
                                                    <label class="custom-control-label" for="engineer"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </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();
        });
    </script>
@endsection
@section('style')
    @cannot('create certifications')
        <style>
            .action-btns{
                visibility: hidden;
            }
        </style>
    @endcannot
@endsection