@extends('layouts.admin.admin')

@section('title', 'Create a Institution')

@section('content')
    <section>
        <div class="section-body">
            <form class="form form-validate floating-label" action="{{route('notification.form.get')}}" enctype="multipart/form-data">
                <div class="card">
                    <div class="card-underline">
                        <div class="card-header">
                            <header class="mt-2"><h5>Notification</h3></header>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="user" class="col-form-label pt-0">Choose Instituion</label>
                                        <select data-placeholder="Select Option" id="institution_id" class="select2 form-control" name="institution_id" onchange="getCeremonyList('0')" required>
                                            <option value="" disabled selected>Select Institution</option>
                                            @foreach ($institutions as $institute)
                                                <option value="{{ $institute->id }}" {{ app('request')->has('institution_id') ? (app('request')->get('institution_id') == $institute->id ? 'selected' : '') : ''  }}>{{$institute->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group"s>
                                        <label for="user" class="col-form-label pt-0">Attend</label>
                                        <select class="form-control" name="attend">
                                            <option value="all" selected>All</option>
                                            @foreach (config('custom.yes_no_text') as $attend)
                                            <option {{ app('request')->has('attend') ? (app('request')->get('attend') == $attend ? 'selected' : '') : '' }}>{{ $attend }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="user" class="col-form-label pt-0">Ceremony Type</label>
                                        <select data-placeholder="Select Option" id="ceremony_type"
                                            class="select2 tail-select  form-control" name="ceremony_type" onchange="getCeremonyList('0')" required>
                                            <option value="{{ \App\Constant\Constant::ACTIVE }}" selected>{{ \App\Constant\Constant::ACTIVE }} Only</option>
                                            <option value="{{ \App\Constant\Constant::ALL }}" >{{ \App\Constant\Constant::ALL }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="user" class="col-form-label pt-0">Graduation Ceremony</label>
                                        <select id="ceremony" class="select2 form-control ceremony" name="ceremony_id" onchange="getPreOrderProducts()" required>
                                            <option value=""  disabled selected>Select Ceremony</option>
                                            @isset($ceremonies)
                                            @foreach ($ceremonies as $ceremony)
                                                <option value="{{ $ceremony->id }}" {{ app('request')->has('ceremony_id') ? (app('request')->get('ceremony_id') == $ceremony->id ? 'selected' : '') : ''  }}>{{$ceremony->detail}}</option>
                                            @endforeach 
                                            @endisset
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="user" class="col-form-label pt-0">Graduate Type</label>
                                        <select class="form-control select2 status" name="status" onChange="changeStatus()" required>
                                            <option value="" disabled selected>Select Option</option>
                                            @foreach (config('custom.graduate_status2') as $status)
                                            <option {{ app('request')->has('status') ? (app('request')->get('status') == $status ? 'selected' : '') : ''  }}>{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group" hidden id="ars">
                                        <label for="user" class="col-form-label pt-0">Academic Regalia Status</label>
                                        <select class="form-control" name="academic_regalia_status">
                                            <option value="none" selected>Select Option</option>
                                            @foreach (config('custom.academic_regalia_status') as $ars)
                                            <option {{ app('request')->has('academic_regalia_status') ? (app('request')->get('academic_regalia_status') == $ars ? 'selected' : '') : ''  }}>{{ $ars }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4" hidden id="pre_order_product_div">
                                    <div class="form-group">
                                        <label for="user" class="col-form-label pt-0 ">Pre-Order Products</label>
                                        <select data-placeholder="Select Option" id="other_product_id"
                                            class="tail-select  form-control pre_order_product" name="pre_order_product" required>
                                            <option value="0">None</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <div>
                                        <button class="btn btn-dark btn-sm" type="submit">
                                        Submit
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            @isset($show)   
            <form class="form form-validate floating-label" action="{{route('notification.post')}}" method="POST" enctype="multipart/form-data"> 
                @csrf
                <div class="card">
                    <div class="card-underline">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-7">
                                    <table class="table table-responsive">
                                        <thead>
                                            <tr>
                                                <th>
                                                    {{-- Select All<br /> --}}
                                                    <input type="checkbox" onclick="checkAll(this)" checked> 
                                                </th>
                                                <th>Name</th>
                                                <th>Email</th>
                                                <th>Mobile</th>
                                                <th>Invoice  Number</th>
                                                <th>Created Date</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($graduates as $key => $graduate)
                                            <tr>
                                                <td>
                                                    <input type="checkbox" class="graduate" name="graduate_ids[]" value="{{$graduate->id}}" checked>
                                                </td>
                                                <td>
                                                    <a href="{{ route('graduate.show', $graduate->id) }}" title="View Graduate Detail" target="_blank">
                                                        {{$graduate->full_name}} ({{$graduate->student_id}})
                                                    </a>
                                                </td>
                                                <td>
                                                    {{$graduate->email}}
                                                </td>
                                                <td>
                                                    {{$graduate->mobile}}
                                                </td>
                                                <td>
                                                    @if ($graduate->order)
                                                    <a href="{{ route('order.show', $graduate->order->id) }}" title="View Order Detail" target="_blank">
                                                        {{ $graduate->order->invoice_number }}
                                                    </a>
                                                    @else
                                                    ---
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ toDMYHi($graduate->created_at) }}
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-5">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="" class="col-form-label pt-0">Message Via</label>
                                                @foreach (config('custom.message_via') as $via)
                                                <p>
                                                    <input type="checkbox" name="vias[]" value="{{ $via }}" checked> {{ $via }}
                                                </p>
                                                @endforeach
                                            </div>
                                            <div class="form-group">
                                                <label for="from_date" class="col-form-label pt-0">Subject</label>
                                                <input type="text" name="subject" class="form-control" value="{{old('subject')}}" required>
                                                @error('subject')
                                                    <span class="text-danger">{{ $errors->first('subject') }}</span>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <label for="from_date" class="col-form-label pt-0">Email Message</label>
                                                <textarea name="message" class="form-control" id="editor1" rows="12" required>{{old('message')}}</textarea>
                                                @error('message')
                                                    <span class="text-danger">{{ $errors->first('message') }}</span>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <label for="from_date" class="col-form-label pt-0">SMS Message</label>
                                                <textarea name="sms_message" class="form-control" rows="12"></textarea>
                                                @error('sms_message')
                                                    <span class="text-danger">{{ $errors->first('sms_message') }}</span>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <input type="submit" name="pageSubmit" class="btn btn-success btn-block" value="Send">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            
                        </div>
                    </div>
                </div>
            </form>
            @endisset
        </div>
    </section>
@endsection

@section('scripts')
<script>
    function changeStatus() {
        let val = $('.status').val();
        if (val == "{{ config('custom.graduate_registered') }}") {
            $('#ars').removeAttr('hidden');
            $('#pre_order_product_div').removeAttr('hidden');
        } else {
            $('#ars').attr('hidden', true);
            $('#pre_order_product_div').attr('hidden', true);
        }
    }

    function getPreOrderProducts()
    {
        let ceremony_id = $('#ceremony').val();
        if (ceremony_id == 0) {
            $('.pre_order_product').html('');
            $('.pre_order_product').append('<option value="0">All</option>');
        } else {
            let baseUrl = "{{ url('order/get-pre-order-product') }}" + '/' + ceremony_id;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                }
            });
            $.ajax({
                url: baseUrl, 
                type: 'GET',
                success: function(result){
                    console.log(result);
                    let data = result.data;
                    $('.pre_order_product').html('');
                    if (data.length > 0) {
                        $('.pre_order_product').append('<option value="0">None</option>');
                    } else {
                        $('.pre_order_product').append('<option disabled>No Pre-Order Product Available</option>');
                    }
                    for (var i = 0; i < data.length; i++) {
                        let selected = (data[i].id == "{{ app('request')->get('pre_order_product') }}") ? 'selected' : '';
                        $('.pre_order_product').append('<option value=' + data[i].id + ' ' + selected + '>' + data[i].product_name + '</option>');
                    }
                },
                error: function (data) {
                    console.log(data);
                }
            });
        }
    }
    changeStatus();
    getPreOrderProducts();
</script>
@endsection