@extends('backend.amainlayout')
@section('title', 'RERF-Admin')
@section('maincontrol')
@if (session()->has('user'))
<div class="content-body">

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <!--Card Header-->
                    <div class="card-header text-center">
                        <button type="button" class="btn btn-primary btn-lg " data-toggle="modal" data-target="#addinstitutionModal" title="Edit" data-placement="top">Add Occasion</button>


                        @if (Session::has('msg'))
                        <p class="text-success text-center pt-5">{{ session('msg') }}</p>
                        @endif

                    </div>

                    <table class="table table-bordered zero-configuration dataTable no-footer" id="dataTable" width="100%" cellspacing="0" role="grid" aria-describedby="dataTable_info" style="width: 100%;">
                        <thead>
                            <tr role="row">
                                <th class="sorting_desc">Name</th>
                                <th class="sorting_desc">Department</th>
                                <th class="sorting_desc">Category</th>
                                <th class="sorting_desc">File</th>

                                <th>Created</th>
                                <th class="sorting">Opration</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($list as $data)

                            <tr role="row">
                                <td class="sorting_1">{{$data->name}}</td>
                                <td class="sorting_1">{{$data->department->name}}</td>
                                <td class="sorting_1">{{\App\Models\OccasionCategory::GetName($data->category)}}</td>
                                <td class="sorting_1">{{sizeOf($data->occasionFiles)}} Files</td>
                                <td>{{\Carbon\Carbon::parse($data->created_at)->format('d M-Y')}}</td>
                                <td>
                                    <a class="btn btn-primary btn-sm mr-2" href="/admin_occasion_file?occasion_id={{$data->id}}">Add File</a>
                                    <button class="btn btn-danger btn-sm mr-2" onclick="Delete('{{$data->id}}')">Delete</button>

                                </td>

                            </tr>

                            @endforeach

                        </tbody>
                    </table>

                    <!--ADD-->
                    <div class="modal fade bd-example-modal-lg" id="addinstitutionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Add Occasion</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="row justify-content-md-center">
                                        <div class="col-lg-12">
                                            <form action="/admin_occasion_create" method="POST" enctype="multipart/form-data">
                                                @csrf

                                                <div class="basic-form">
                                                    <div class="card  m-0">

                                                        <div class="card-body p-2">
                                                            <div class="form-row">
                                                                <div class="form-group col-md-12">
                                                                    <label>Name</label>
                                                                    <input type="text" class="form-control" name="name" required>
                                                                </div>

                                                            </div>
                                                            <div class="form-row">

                                                                <div class="form-group col-md-6">
                                                                    <label for="inputState">Department</label>
                                                                    <select id="department_id" class="form-control" name="department_id" required="">
                                                                        <option value="">-- Select Department --</option>
                                                                        @foreach($departments as $dpt)
                                                                        <option value="{{$dpt->id}}">{{$dpt->name}}</option>
                                                                        @endforeach

                                                                    </select>
                                                                </div>

                                                                <div class="form-group col-md-6">
                                                                    <label for="inputState">Category</label>
                                                                    <select id="category" class="form-control" name="category" required="">
                                                                        <option value="">-- Select Category --</option>
                                                                        @foreach($categories as $dpt)
                                                                        <option value="{{$dpt->value}}">{{$dpt->name}}</option>
                                                                        @endforeach

                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-row">


                                                                <div class="form-row justify-content-md-center p-2">
                                                                    <button type="submit" class="btn btn-dark">Add</button>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Card Header-->

                </div>
            </div>
        </div>
    </div>

</div>
@endif

<script>
    function Delete(id) {
        if (confirm("Are you sure ?")) {

            window.location.href = `/admin_occasion_delete?id=${id}`
        }
    }
</script>
@endsection