@extends('frontend.dashboard_master')

@section('dashboard')
    

<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0">{{ $title}}</h4>
                    </div>
                </div>
                <div class="col-12">
                    <x-input-error :messages="$errors->get('function')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('activity')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('transaction')" class="mt-2 text-danger" />
                    <x-input-error :messages="$errors->get('reference')" class="mt-2 text-danger" />
                </div>
            </div>
            <!-- end page title -->
            
            <div class="row">
                <div class="col-xl-3">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Add Filelist</h4>
                            <form class="needs-validation" action="{{ route('filelist.update',$editData->id)}}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="" class="form-label">Select Function</label>
                                            <select class="form-control select2" name="function">
                                                <option value="{{$editData->function}}">{{$editData->function}}</option>
                                                <option value="Central Administration, 01">Central Administration, 01</option>
                                                <option value="Human Resource Mgt, 02">Human Resource Mgt, 02</option>
                                                <option value="Financial Mgt, 03">Financial Mgt, 03</option>
                                                <option value="Budget & Rating, 04">Budget & Rating, 04</option>
                                                <option value="Audit Mgt, 05">Audit Mgt, 05</option>
                                                <option value="Legal, 06">Legal, 06</option>
                                                <option value="Works, 07">Works, 07</option>
                                                <option value="Physical Planning, 08">Physical Planning, 08</option>
                                                <option value="Housing, 09">Housing, 09</option>
                                                <option value="Roads, 10">Roads, 10</option>
                                                <option value="Trade, Industry & Tourism, 11">Trade, Industry & Tourism, 11</option>
                                                <option value="Transport, 12">Transport, 12</option>
                                                <option value="Agricultural, 13">Agricultural, 13</option>
                                                <option value="Statistics, 14">Statistics, 14</option>
                                                <option value="Birth & Death, 15">Birth & Death, 15</option>
                                                <option value="Education, Youth & Sports, 16">Education, Youth & Sports, 16</option>
                                                <option value="Social Welfare & Comm. Dev't, 17">Social Welfare & Comm. Dev't, 17</option>
                                                <option value="Health Administration, 18">Health Administration, 18</option>
                                                <option value="Disaster Prevention, 19">Disaster Prevention, 19</option>
                                                <option value="Waste Mgt, 20">Waste Mgt, 20</option>
                                                <option value="Natural Resources Conservation, 21">Natural Resources Conservation, 21</option>
                                              </select>
                                        </div>

                                        <div class="form-group mb-2">
                                            <label for="">Activity</label>
                                            <select class="form-control select2" name="activity">
                                              <option value="{{$editData->activity}}">{{$editData->activity}}</option>
                                              <option value="Administration, 10">Administration, 10</option>
                                              <option value="Planning, 20">Planning, 20</option>
                                              <option value="Procurement, 30">Procurement, 30</option>
                                              <option value="Records Management, 40">Records Management, 40</option>
                                              <option value="MIS, 50">MIS, 50</option>
                                              <option value="Estate & Transport, 60">Estate & Transport, 60</option>
                                              <option value="Logistic & Security Mgt, 70">Logistic & Security Mgt, 70</option>
                                              <option value="Assembly Affairs, 80">Assembly Affairs, 80</option>
                                              <option value="Personnel Management, 10">Personnel Management, 10</option>
                                              <option value="Personnel Welfare, 20">Personnel Welfare, 20</option>
                                              <option value="Training & Development, 30">Training & Development, 30</option>
                                              <option value="Treasury, 10">Treasury, 10</option>
                                              <option value="Revenue Mobilization, 20">Revenue Mobilization, 20</option>
                                              <option value="Levies, 30">Levies, 30</option>
                                              <option value="Budget Management, 10">Budget Management, 10</option>
                                              <option value="Internal Audit, 10">Internal Audit, 10</option>
                                              <option value="External Audit, 20">External Audit, 20</option>
                                              <option value="Legal Advice, 10">Legal Advice, 10</option>
                                              <option value="Litigation Management, 20">Litigation Management, 20</option>
                                              <option value="Building, 10">Building, 10</option>
                                              <option value="Water, 20">Water, 20</option>
                                              <option value="Town and Country Planning, 10">Town and Country Planning, 10</option>
                                              <option value="Parks and Gardens(P&G), 20">Parks and Gardens(P&G), 20</option>
                                              <option value="Housing Administration, 10">Housing Administration, 10</option>
                                              <option value="Road Maintenance, 10">Road Maintenance, 10</option>
                                              <option value="Road Traffic Infastructure, 20">Road Traffic Infastructure, 20</option>
                                              <option value="Road Contract Management, 30">Road Contract Management, 30</option>
                                              <option value="Co-operative, 10">Co-operative, 10</option>
                                              <option value="Cottage Industry, 20">Cottage Industry, 20</option>
                                              <option value="Tourism, 30">Tourism, 30</option>
                                              <option value="Transport Planning, 10">Transport Planning, 10</option>
                                              <option value="Transport Operations, 20">Transport Operations, 20</option>
                                              <option value="Traffic Management & Safety, 30">Traffic Management & Safety, 30</option>
                                              <option value="Women / Youth in Agric, 10">Women / Youth in Agric, 10</option>
                                              <option value="Animal Health & Production, 20">Animal Health & Production, 20</option>
                                              <option value="Crop Services, 30">Crop Services, 30</option>
                                              <option value="Agric Extension, 40">Agric Extension, 40</option>
                                              <option value="Agric Engineering, 50">Agric Engineering, 50</option>
                                              <option value="Field Operations, 10">Field Operations, 10</option>
                                              <option value="Data Entry Analysis, 20">Data Entry Analysis, 20</option>
                                              <option value="Reports, 30">Reports, 30</option>
                                              <option value="Birth Registration, 10">Birth Registration, 10</option>
                                              <option value="Death Registration, 20">Death Registration, 20</option>
                                              <option value="Education, 10">Education, 10</option>
                                              <option value="Youth, 20">Youth, 20</option>
                                              <option value="Sports, 30">Sports, 30</option>
                                              <option value="Library, 40">Library, 40</option>
                                              <option value="Social Welfare, 10">Social Welfare, 10</option>
                                              <option value="Community Development, 20">Community Development, 20</option>
                                              <option value="DMOH, 10">DMOH, 10</option>
                                              <option value="Environmental Health, 20">Environmental Health, 20</option>
                                              <option value="Internal Disaster, 10">Internal Disaster, 10</option>
                                              <option value="Refuge Management, 20">Refuge Management, 20</option>
                                              <option value="Operational, 10">Operational, 10</option>
                                              <option value="Support Services, 20">Support Services, 20</option>
                                              <option value="Forestry, 10">Forestry, 10</option>
                                              <option value="Game and Wildlife, 20">Game and Wildlife, 20</option>
                                            </select>
                                          </div>

                                          <div class="form-group mb-2">
                                            <label for="">Transaction</label>
                                            <input type="text" class="form-control" name="transaction" value="{{$editData->transaction}}">
                                          </div>

                                          <div class="form-group mb-2">
                                            <label for="">Reference Number</label>
                                            <input type="text" class="form-control" name="reference" value="{{$editData->reference}}">
                                          </div>
                                    </div>
                                </div>                          
                                <div>
                                    <button class="btn btn-primary" type="submit">Edit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- end card -->
                </div> <!-- end col -->

                <div class="col-xl-9">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Data table for all Departments</h4>
                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                <tr>
                                    <th>Function</th>
                                    <th>Activity</th>
                                    <th>Transaction</th>
                                    <th>Reference</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach ($allData as $key => $item)                                 
                                <tr>
                                    <td>{{ $item->function}}</td>
                                    <td>{{ $item->activity}}</td>
                                    <td>{{ $item->transaction}}</td>
                                    <td>{{ $item->reference}}</td>
                                    <td>
                                        <a href="{{ route('filelist.edit',$item->id)}}" title="Edit"><i class="ri-edit-line h4 text-warning"></i></a>
                                        <a href="{{ route('filelist.delete',$item->id)}}" title="Delete" id="delete"><i class="ri-delete-bin-fill h4 text-danger"></i></a>
                                    </td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- end card -->
                </div> <!-- end col -->
            </div>
            <!-- end row -->
            
           

        </div> <!-- container-fluid -->
    </div>
    <!-- End Page-content -->
    



@endsection