@extends('admin.layouts.master')
@section('content')
    <!-- 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>
                @php  @endphp
                @foreach($certs as $term)
                    <tr>
                        <td></td>
                        <td class="product-name">{{$term->values()->where('name','name')->first()->value}}</td>
                        <td class="product-name">{{$term->contract->name}}</td>
                        <td class="product-name">
                            {{$term->values()->where('name','name')->first()->created_at}}
                        </td>
                        <td class="product-name">{{$term->values()->where('name','status')->first()->value}}</td>
                        <td>
                            <a href="{{route('admin.contracts_management.edit',$term->id)}}" class="btn btn-info btn-sm"><i class="feather icon-edit"></i></a>
                        </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.contracts_management.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>
                                    <select class="form-control" name="contract_id">
                                        @foreach(auth()->user()->engineer_contracts as $contract)
                                            <option value="{{$contract->id}}">{{$contract->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">عنوان الطلب</label>
                                    <input required type="text" class="form-control" name="name" placeholder="عنوان الطلب">
                                </div>
                                <div class="col-sm-12 data-field-col">
                                    <label for="data-name">صيغة الطلب</label>
                                    <textarea class="form-control" name="comment" 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();
        });
    </script>
@endsection