@include('components/header')
@include('components/sidebar')
<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>PRC Form Management</h2>
        <div class="viewAll mr-4">
            <a href="/admin_dashboard" class="viewAllBtn">
                
                <button class="btn btn-danger mr-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> Back</button>
        </a>
        <a href="/addPRC_form" class="btn btn-primary "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Add PRC Form</a>
    </div>
</div>
<div class="layout-px-spacing layout-top-spacing">
    <div class="modal-footer"></div>
    <!-- MODAL FOR DELETE LEAVE -->
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Are You Want To Delete This Form?</h5>
                    </button>
                </div>
                <form action="/delete_prc" method="post" class="form-group">
                    {{csrf_field()}}
                    <div class="modal-body">
                        <input type="hidden" name="delete_dbID" class="delete_id">
                    </div>
                    <div class="modal-footer border-0 pt-0">
                        <div class="text-end">
                            <button class="btn btn-success" type="submit" name="delete_leave">Delete
                            </button>
                            <button type="button" class="btn btn-primary ml-2 mr-0" data-dismiss="modal">
                            Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="layout-spacing">
        <div class="widget-content widget-content-area br-6 p-3 table-responsive ">
            <table id="zero-config" class="table dt-table-hover table-striped" style="width:100%">
                <thead>
                    <tr class="text-center">
                        <th>SR.No</th>
                        <th>Form Name</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php $i=0; @endphp
                    @foreach($model as $prc_data)
                    <tr class="text-center">
                        @php $i=$i+1; @endphp
                        @for($i=$i;$i<=count($model);$i++)
                        <td>
                            <div class="td-content">
                                <span class="text-black">{{$i}}</span>
                            </div>
                        </td>
                        @break
                        @endfor
                        <td>{{$prc_data->f_name}}</td>
                        <td>
                            <div class="leave-action">
                                <a href="edit_prc/{{$prc_data->id}}/{{$prc_data->dept_id}}" class="editLeave">
                                    <img src="design/img/edit.svg" style="width:30px; height:30px;" />
                                </a>
                                <a data-value="{{$prc_data->id}}" data-toggle="modal" data-bs-placement="top" data-bs-original-title="Delete" data-target="#delete" class="ml-3 delete">
                                    <img src="design/img/delete.svg" style="width:30px; height:30px;" />
                                </a>
                                
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@if(session('done'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("done")@endphp',
            type: 'success',
            padding: '2em'
        });
    </script>
@elseif(session('edit'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("edit")@endphp',
            type: 'success',
            padding: '2em'
        });
    </script>
@elseif(session('delete'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("delete")@endphp',
            type: 'success',
            padding: '2em'
        });
    </script>
@elseif(session('error'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("error")@endphp',
            type: 'warning',
            padding: '2em'
        });
    </script>
@endif
@include('components/footer')
<script>
$('.delete').click(function(){
var id = $(this).data('value');
$('.delete_id').val(id);
});
</script>