@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
 فایل های اپلودی
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .img-profile{
            max-width: 150px;
            height: auto;
        }
        td{
            vertical-align: middle !important;
        }
        .img-profile{
            width: 200px;
            height: auto;
        }
    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}
@section('script')
    <script>

    </script>
@endsection

{{-- ===========      CONTENT      =================== --}}
@section('content')


<div class="card-header border-0 pt-6">

                        <!--begin::کارت title-->
                        <!--begin::کارت toolbar-->
                        <div class="card-toolbar w-100">
                            <div class="w-100" data-kt-user-table-toolbar="base">
               <form method="post" action="{{ route('admin.user_type.add.field',['userType'=>$userTypeId]) }}">
                   @csrf
                   @method('POST')
                   <div class="form-row">
                          <div class="form-group col-6">
                                          <input placeholder="نام فایل اپلودی" name="name" type="text" class="form-control">

                   </div>
                                             <div class="form-group col-6">
                                          <input placeholder=" توضیحات" name="description" type="text" class="form-control">

                   </div>
                   
                   <div class="form-group col-6">
                       
                                                                          <button type="submit" class="btn me-3 btn-primary"><i class="ki-duotone ki-plus fs-2"></i>
                                                                          
                                                                         افزودن فیلد
                                                                          
                                                                         </button>

                   </div>
                   </div>
                

               </form>

                                <!--end::افزودن user-->
                            </div>

                        </div>
                        <!--end::کارت toolbar-->
                    </div>

                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
                            <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">

                                <th >نام فیلد </th>
                                <th>توضیحات</th>

                                <th class="text-end min-w-100px">عملیات</th>
                            </tr>
                            </thead>
                            <tbody class="text-gray-600 fw-semibold">
                            @foreach ($fields as $key => $item)
                            <tr>

                                <td> {{ $item->name }}</td>
  <td> {{ $item->description }}</td>
     

                                <td class="text-end">
                                    <a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">عملیات
                                        <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
                                    <!--begin::Menu-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
                                        <!--begin::Menu item-->
                                     
                                        <!--end::Menu item-->
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                            <form method='post' action="{{route('admin.user_type.remove.field',['userType'=>$userTypeId,'field'=>$item->id])}}">
                                                
                                                @csrf
                                                
                                                @method('DELETE')
                                                                                            <button type="submit"   class="btn btn-danger px-3" data-kt-users-table-filter="delete_row">حذف</button>

                                            </form>
                                        </div>
                                        <!--end::Menu item-->
                                    </div>
                                    <!--end::Menu-->
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <!--end::Table-->

@endsection