@extends('layouts.admin.master')

@section('title')
    {{ __('College') }}
@endsection

@push('css')
@endpush

@section('content')
    @component('components.breadcrumb')
        @slot('breadcrumb_title')
            <h3></h3>
        @endslot

        <li class="breadcrumb-item"><a href="{{ route('colleges.index') }}">{{ __('College') }}</a></li>
        <li class="breadcrumb-item active">{{ __('Edit College') }}</li>
    @endcomponent
    <div class="row justify-content-center mt-3">
        <div class="col-lg-12">
            <div class="card mb-4">
                <div class="card-header pb-0">
                    <h5>{{ __('master.data') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('colleges.update', $college->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationCustom01">{{ __('Name') }}</label>
                                <input class="form-control" id="validationCustom01" type="text" required=""
                                    name="name" placeholder="{{ __('Name') }}"
                                    value="{{ old('name') ? old('name') : $college->name }}" />
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>


                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationDefault04">{{ __('Language') }}</label>
                                <select class="form-select" required id="validationDefault04" required=""
                                    name="language_id">
                                    @foreach ($languages as $language)
                                        <option value="{{ $language->id }}"
                                            {{ old('language_id') ? (old('language_id') == $language->id ? 'selected' : '') : ($language->id == $college->language_id ? 'selected' : '') }}>
                                            {{ $language->name }}</option>
                                    @endforeach

                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>


                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationDefault04">{{ __('Status') }}</label>
                                <select class="form-select" id="validationDefault04" required="" name="status">
                                    <option value="active"
                                        {{ old('status') ? (old('status') == 'active' ? 'selected' : '') : ($college->status == 'active' ? 'selected' : '') }}>
                                        {{ __('Active') }}</option>
                                    <option value="inactive"
                                        {{ old('status') ? (old('status') == 'inactive' ? 'selected' : '') : ($college->status == 'inactive' ? 'selected' : '') }}>
                                        {{ __('Inactive') }}</option>
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>

                        {{-- <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationDefault04">{{ __('Image') }}</label>
                                <div class="avatar">
                                    <img class="img-100 b-r-8" src="{{ $college->imagePath }}" alt="#">
                                </div>
                                @include('dashbord.include.image')
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div> --}}

                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationDefault04">{{ __('Image') }}</label>
                                <div class="avatar">
                                    <img class="img-100 b-r-8" id="showImage" src="{{ $college->imagePath }}" alt="#">
                                </div>
                                @include('dashbord.include.image', ['button_name' => 'Image', 'model_id' => 'ImageModel', 'type' => 'radio', 'name' => 'image_id'])
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>
                        <button class="btn btn-primary" type="submit">{{ __('Update') }}</button>
                    </form>

                </div>
            </div>

        </div>

    </div>

@endsection

@push('scripts')
    <script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}"></script>
    <script src="{{ asset('assets/js/sweet-alert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script>
    <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
    <script src="{{ asset('assets/js/bookmark/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/contacts/custom.js') }}"></script>
    <script>
        'use strict';
        var elements = $('.elements');


        $(document).on('click', '.edit', function() {
            const modal = $('#translate')
            modal.find('.modal-title').text()
            modal.find('input[name=key]').val($(this).data('key'))
            modal.find('textarea[name=value]').val($(this).data('value'))
            modal.find('form').attr('action', $(this).data('route'))
            modal.modal('show')
        })

        $(document).on('click', '.remove', function() {
            const modal = $('#remove')
            modal.find('input[name=key]').val($(this).data('key'))
            modal.modal('show')
        })
        $('.add').on('click', function() {
            $('#translate').find('form')[0].reset();
            $('#translate').find('.modal-title').text('')
        })
    </script>
    @include('dashbord.include.imageScriptEdit')

@endpush