@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($feedback)
                        <h1 class="m-0 text-dark">Feedback Edit</h1>
                    @else
                        <h1 class="m-0 text-dark">Feedback Create</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('feedback.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 action="{{ isset($feedback) ? route('feedback.update', $feedback->id) : route('feedback.store') }}"
                        method="POST">
                        @csrf @isset($feedback)
                            @method('PUT')
                        @endisset
                        <div class="card-body">
                            <h5 class="card-title">Manage Feedback</h5>
                            <hr>
                            <br />
                            <div class="form-group">
                                <label for="name">Name</label>
                                <input name="name" id="name" type="text" placeholder="Name"
                                    class="form-control @error('name') is-invalid @enderror" title="name"
                                    value="{{ $feedback->name ?? old('name') }}" />
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="course">Course Name</label>
                                <select id="selectCourse"
                                    class="js-example-basic-single form-control @error('course_id') is-invalid @enderror"
                                    name="course_id">
                                    <option value="">Select Course</option>
                                    @foreach ($courses as $course)
                                        <option value="{{ $course->id }}"
                                            @isset($feedback) {{ $course->id == $feedback->course_id ? 'selected' : '' }} @endif>{{ $course->title }}</option>
                                @endforeach
                            </select>
                            <span id="error"></span>
                        </div>
                        <div class="form-group">
                            <label for="venue">Venue Name</label>
                            <select id="selectVenue" class="js-example-basic-single form-control @error('venue_id') is-invalid @enderror" name="venue_id">
                            @isset($feedback)
                                @foreach ($venues as $venue)
                                @if ($venue->course_id == $feedback->course_id)
                                <option value="{{ $venue->id }}" {{ $feedback->venue_id == $venue->id ? 'selected' : '' }}>{{ $venue->name }}</option>
                                @endif
                                @endforeach
                            @endif    
                            </select>
                            @error('batch_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="batches">Batch Name</label>
                            <select id="selectBatch" class="js-example-basic-single form-control @error('batch_id') is-invalid @enderror" name="batch_id">
                            @isset($feedback)
                                @foreach ($batches as $batch)
                                @if ($batch->venue_id == $feedback->venue_id)
                                    <option value="{{ $batch->id }}" {{ $feedback->batch_id == $batch->id ? 'selected' : '' }}>{{ $batch->name }}</option>
                                @endif
                                @endforeach
                            @endif
                            </select>
                            @error('batch_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                     
                        <div class="form-group">
                            <label for="type">Type</label><br>
                            <select id="type" name="type"  class="form-control @error('type') is-invalid @enderror"><br>
                                <option value="">Select Type</option>
                                <option value="1">Trainer End</option>
                                <option value="2">Trainee End</option>
                            </select>
                            @error('type')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>









                        <div class="form-group">
                            <label for="act_date">Activation Date</label>
                            <input name="act_date" id="act_date" type="text"
                                class="form-control @error('act_date') is-invalid @enderror" title="date"
                                @if (isset($feedback->act_date)) value="{{ $carbon::parse($feedback->act_date)->format('d/m/Y') ?? old('act_date') }}"
                                @else
                                value= "{{ old('act_date') }}" @endif
                                required />
                            @error('act_date')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        @isset($feedback)
                        <button type="submit" class="btn btn-primary" value="Update">Update Feedback</button>
                        @else
                        <button type="submit" class="btn btn-primary" value="Create">Create Feedback</button>
                        @endisset
                                            </div>
                    </form>
                </div>
            </div>
            <!-- /.row (main row) -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
    @endsection @push('js')
    <script type="text/javascript">
        function deleteCategory(id) {
            swal({
                title: 'Are you sure?',
                text: "You want to Delete this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!',
                cancelButtonText: 'No, cancel!',
                confirmButtonClass: 'btn btn-success',
                cancelButtonClass: 'btn btn-danger',
                buttonsStyling: false,
                reverseButtons: true
            }).then((result) => {
                if (result.value) {
                    event.preventDefault();
                    document.getElementById('delete-form-' + id).submit();
                } else if (
                    // Read more about handling dismissals
                    result.dismiss === swal.DismissReason.cancel
                ) {
                    swal(
                        'Cancelled',
                        'Your data is safe :)',
                        'error'
                    )
                }
            })
        }
    </script>

    <script>
        $('.show_confirm').click(function(e) {
            if (!confirm('Are you sure you want to delete this?')) {
                e.preventDefault();
            }
        });
    </script>

    <script>
        $(document).ready(function() {
            $('select[name="course_id"]').on('change', function() {
                var course_id = $(this).val();
                if (course_id) {
                    $.ajax({
                        url: '{{ url('/') }}' +'/marksheet/venue/' + course_id,
                        type: "GET",
                        dataType: "json",
                        success: function(data) {
                            var res = '<option value="">Select Venue</option>';
                            $.each(data.venues, function(key, value) {
                                res +=
                                    '<option value="' + value.id + '">' + value.name +
                                    '</option>';
                            });
                            $('select[name="venue_id"]').html(res);
                        }

                    });

                }
            });
        });

        $(document).ready(function() {
            $('select[name="venue_id"]').on('change', function() {
                var venue_id = $(this).val();

                if (venue_id) {
                    $.ajax({
                        url: '{{ url('/') }}' +'/marksheet/batch/' + venue_id,
                        type: "GET",
                        dataType: "json",
                        success: function(data) {
                            var res = '<option value="">Select Batch</option>';
                            $.each(data.batches, function(key, value) {
                                res +=
                                    '<option value="' + value.id + '">' + value.name +
                                    '</option>';
                            });
                            $('select[name="batch_id"]').html(res);
                        }

                    });

                }
            });
        });





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






    </script>
@endpush