@extends('layouts.app') @push('css')
    @endpush @section('content')
    @inject('carbon', 'Carbon\Carbon')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    @isset($notice_file)
                        <h1 class="m-0 text-dark">Update Notice</h1>
                    @else
                        <h1 class="m-0 text-dark">GG Create Notice/Notices</h1>
                    @endisset
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('notice.index') }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <div class="row">
                <div class="col-md-12 col-x-12 col-sm-12">
                    <form    id="publish-form"
                        action="{{ isset($notice_file) ? route('notice.update', $notice_file->id) : route('notice.store') }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf @isset($notice_file)
                            @method('PUT')
                        @endisset
                        <div id="main-container">
                            <div class="container-item">
                                <div class="card-body">
                                    <!-- Form -->
                                    <div class="row">

                                        @if (!isset($notice_file))
                                           
                                                <div class="col-md-6 col-xl-6 col-sm-6">
                                                    <div class="form-group">
                                                        <label for="course">Choose Course</label>
                                                        <select id="course"
                                                            class="selectVenue searchable_select form-control @error('course') is-invalid @enderror"
                                                            name="course[]" required>
                                                            <option value=''>Select Course
                                                            </option>
                                                            @foreach ($course as $course)
                                                                <option value='{{ $course->id }}'>{{ $course->title }}
                                                                </option>
                                                            @endforeach
                                                        </select>

                                                        @error('course')
                                                            <span class="invalid-repository" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            @endif


                                      

                                        @if (isset($notice_file))
                                            <div class="col-md-6 col-xl-6 col-sm-6">
                                                <div class="form-group">
                                                    <label for="course">Course</label>
                                                    <select id="course"
                                                        class="selectVenue searchable_select form-control @error('course') is-invalid @enderror"
                                                        name="course[]" disabled>

                                                        <option value='{{ $course->id }}'>{{ $course->title }}
                                                        </option>

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


                                            <input type='number' name='course_id' value="{{ $notice_file->course_id }}"
                                                hidden>
                                        @endif

                                        @if (!isset($notice_file))
                                        <div class="col-md-12 col-xs-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="type">Type [N.B: Please choose carefully as this field cannot be updated]</label>
                                                <select id="type"
                                                    class="selectVenue searchable_select form-control @error('type') is-invalid @enderror"
                                                    name="type">
                                                 
                                                        <option value="1" selected> Course </option>
                                                        <option value="2"> Batch</option>
                                                  
                                                </select>
                                            </div>
                                        </div>

                                        @endif




                                        @if (isset($this_course)) 
                                        <div class="col-md-12 col-xl-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="title">Notice Title</label>
                                                <input name="title[]" id="title" type="text" placeholder="title"
                                                    class="form-control @error('title') is-invalid @enderror"
                                                    value="{{ $this_course->title }}" required />
                                                @error('title')
                                                    <span class="invalid-repository" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                        @else
                                        <div class="col-md-12 col-xl-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="title">Notice Title</label>
                                                <input name="title[]" id="title" type="text" placeholder="title"
                                                    class="form-control @error('title') is-invalid @enderror"
                                                    value="{{ $notice_file->title ?? old('title') }}" required />
                                                @error('title')
                                                    <span class="invalid-repository" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        @endif


                                        <div class="col-md-12 col-xl-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="url">Corresponding DSHE Url</label>
                                                <input name="url[]" id="url" type="text" placeholder="url"
                                                    class="form-control @error('url') is-invalid @enderror"
                                                    value="{{ $notice_file->url ?? old('url') }}" required />
                                                @error('url')
                                                    <span class="invalid-repository" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>







                                        <div class="col-md-6 col-xl-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="tag">Enter Tags with comma (,)</label>
                                                <input name="tag[]" id="tag" type="text" placeholder="tag"
                                                    class="form-control @error('tag') is-invalid @enderror"
                                                    value="{{ $notice_file->tags ?? old('tags') }}"  />
                                                @error('tag')
                                                    <span class="invalid-repository" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>


                                    
                                    <div class="col-md-6 col-xl-6 col-sm-6">
                                        <div class="form-group">
                                            <label for="pub">Publication date</label>
                                            <input name="pub[]" id="pub" type="text"
                                                placeholder="publication date"
                                                class="form-control @error('pub') is-invalid @enderror"
                                                @if (isset($notice_file->pub_date)) value="{{ $carbon::parse($notice_file->pub_date)->format('d/m/Y') ?? old('pub') }}"
                                            @else 
                                            value="{{ old('pub') }}" @endif
                                                required />
                                            @error('pub')
                                                <span class="invalid-repository" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>


                                    <div class="col-md-6 col-xl-6 col-sm-6">
                                        <div class="form-group">
                                            <label for="exp">Enter Expiration date</label>
                                            <input name="exp[]" id="exp" type="text"
                                                placeholder="expiration date"
                                                class="form-control @error('exp') is-invalid @enderror"
                                                @if (isset($notice_file->exp_date)) value="{{ $carbon::parse($notice_file->exp_date)->format('d/m/Y') ?? old('exp') }}"
                                                @else 
                                                value="{{ old('exp') }}" @endif
                                                required />
                                            @error('exp')
                                                <span class="invalid-repository" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>



                                    <div class="col-md-6 col-xl-6 col-sm-6">
                                        <div class="form-group">
                                            <label for="app_deadline">Application Deadline</label>
                                            <input name="app_deadline[]" id="app_deadline" type="text"
                                                placeholder="Application Deadline"
                                                class="form-control @error('app_deadline') is-invalid @enderror"
                                                @if (isset($notice_file->app_deadline)) value="{{ $carbon::parse($notice_file->app_deadline)->format('d/m/Y') ?? old('exp') }}"
                                                @else 
                                                value="{{ old('app_deadline') }}" @endif
                                                required />
                                            @error('app_deadline')
                                                <span class="invalid-repository" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>





                                    @if (isset($notice_file))
                                        <div class="col-md-4 col-xs-12 col-sm-4">
                                            <div class="form-group">
                                                <label for="application">Application</label>
                                                <select id="application"
                                                    class="selectVenue searchable_select form-control @error('application') is-invalid @enderror"
                                                    name="application">
                                                    @if ($notice_file->application == 0)
                                                        <option value="0" selected> close application window </option>
                                                        <option value="1"> open for applications </option>
                                                    @else
                                                        <option value="1" selected> open for applications </option>
                                                        <option value="0"> close application window </option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        @else
                                        <div class="col-md-4 col-xs-12 col-sm-4">
                                            <div class="form-group">
                                                <label for="application">Application</label>
                                                <select id="application"
                                                    class="selectVenue searchable_select form-control @error('application') is-invalid @enderror"
                                                    name="application">
                                                 
                                                        <option value="0" selected> close application window </option>
                                                        <option value="1"> open for applications </option>
                                                  
                                                </select>
                                            </div>
                                        </div>

                                    @endif

                                    @if (!isset($notice_file))
                                        <div class="row">
                                            <div class="col-md-6 col-xl-6 col-sm-6">
                                                <div class="form-group">
                                                    <label for="file">Notice PDF</label>
                                                    <input type='file' name='file[]' id='file' accept ="application/pdf"
                                                        class="form-control @error('file') is-invalid @enderror" required
                                                        value="{{ $notice_file->title ?? old('title') }}"
                                                        placeholder="ding"><br>
                                                    @error('file')
                                                        <span class="invalid-repository" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-xl-4 col-sm-12 form-group">
                                                <div>
                                                    {{-- <a href="javascript:void(0)"
                                                    class="remove-item btn btn-sm btn-danger remove-social-media">Remove</a> --}}
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="row">
                                            <div class="col-md-6 col-xl-6 col-sm-6">
                                                <div class="form-group">
                                                    <label for="file">Notice PDF</label>
                                                    <br>
                                                    <a href="{{ route('noticefile.path', $notice_file->id) }}"
                                                        target="_blank">{{ $notice_file->title }}</a>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-xl-4 col-sm-12 form-group">
                                                <br>
                                                <div>
                                                    <button type="button" name="change-file"
                                                        class="btn btn-sm btn-warning">Change File</button>
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-cl-6 col-sm-12" id="input-file">

                                                @error('file')
                                                    <span class="invalid-repository" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="">
                                <div>
                                    @isset($notice_file)
                                        <input type="submit" class="btn btn-primary" value="Update" />
                                    @else
                                        {{-- <a class="btn btn-success btn-sm" id="add-more" href="javascript:;" role="button"><i
                                    class="fa fa-plus"></i> Add More Row</a> --}}
                                    <button type="button" class="btn btn-primary" onclick="confirmPublish()">Save</button>
                                    @endisset
                                </div>
                            </div>
                    </form>
                </div>
            </div>
            <!-- /.row (main row) -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
    @endsection @push('js')
    <script>
        $(".delete_file").on('click', function() {
            var id = $(this).data("id");
            var token = $("meta[name='csrf-token']").attr("content");

            $.ajax({
                url: "/filedelete/" + id,
                type: 'DELETE',
                data: {
                    "id": id,
                    "_token": token,
                },
                success: function() {
                    var classname = "div_" + id;
                    $('.' + classname).hide();
                    console.log(classname);
                }
            });

        });
    </script>

    <script type="text/javascript">
        function delete_file(id) {
            $.ajax({
                type: 'post',
                url: "/filedelete/" + id,
                success: console.log('yes')
            });
        };
    </script>

    <script src="{{ asset('js/cloneData.js') }}" type="text/javascript"></script>
    <script>
        $("a#add-more").cloneData({
            mainContainerId: "main-container", // Main container Should be ID
            cloneContainer: "container-item", // Which you want to clone
            removeButtonClass: "remove-item", // Remove button for remove cloned HTML
            removeConfirm: true, // default true confirm before delete clone item
            removeConfirmMessage: "Are you sure want to delete?", // confirm delete message
            //append: '<a href="javascript:void(0)" class="remove-item btn btn-sm btn-danger remove-social-media">Remove</a>', // Set extra HTML append to clone HTML
            minLimit: 1, // Default 1 set minimum clone HTML required
            maxLimit: 50, // Default unlimited or set maximum limit of clone HTML
            defaultRender: 1,
            init: function() {
                console.info(":: Initialize Plugin ::");
            },
            beforeRender: function() {
                console.info(":: Before rendered callback called");
            },
            afterRender: function() {
                console.info(":: After rendered callback called");
                //$(".selectpicker").selectpicker('refresh');
            },
            afterRemove: function() {
                console.warn(":: After remove callback called");
            },
            beforeRemove: function() {
                console.warn(":: Before remove callback called");
            },
        });
    </script>

    <script>
        $('button[name="change-file"]').on('click', function() {
            let res = "<input type='file' name='file[]' accept ='application/pdf' id='file'>";
            $('div[id="input-file"]').html(res);
        });



        window.onload = function() {
            $(function() {
                $("#exp").datepicker({
                    dateFormat: "dd/mm/yy"
                });
                $("#pub").datepicker({
                    dateFormat: "dd/mm/yy"
                });

                $("#app_deadline").datepicker({
                    dateFormat: "dd/mm/yy"
                });

            });
        };
    </script>
    <script>
        
     
        function confirmPublish() {
        Swal.fire({
            title: 'Are you sure?',
            text: 'You are about to publish this notice.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, publish it!',
        })    .then(function(e) {

if (e.value === true) { 

    document.getElementById('publish-form').submit();
}

    });
    
    }

    </script>
@endpush