@extends('layouts.instructor')

@section('breadcrumb')
    <div class="page-banner-content text-center">
        <h3 class="page-banner-heading text-white pb-15"> {{__('Meet Settings')}} </h3>

        <!-- Breadcrumb Start-->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-center">
                <li class="breadcrumb-item font-14"><a href="{{route('instructor.dashboard')}}">{{__('Dashboard')}}</a></li>
                <li class="breadcrumb-item font-14 active" aria-current="page">{{__('Meet Settings')}}</li>
            </ol>
        </nav>
    </div>
@endsection

@section('content')
    <div class="instructor-profile-right-part">
        <form method="POST" action="{{route('instructor.meet.store')}}">
            @csrf
            <div class="instructor-profile-info-box">
                <h6 class="instructor-info-box-title">{{__('Zoom Settings')}}</h6>

                <div class="row">
                    <div class="col-md-6 mb-30">
                        <label class="font-medium font-15 color-heading">{{__('Select Categroy')}}</label>
                       <select class="form-control" name="category_id" id="">
                        <option value="">Select Category</option>
                        @foreach ($categories as $category )
                            <option value="{{ $category->id }}">{{$category->name}}</option>
                        @endforeach
                       </select>
                    </div>
                    <div class="col-md-6 mb-30">
                        <label class="font-medium font-15 color-heading">{{__('Select Subcategory')}}</label>
                       <select class="form-control" name="subcategory_id" id="">
                        <option value="">Select Category</option>
                        @foreach ($subcategories as $subcategory )
                            <option value="{{ $subcategory->id }}">{{$subcategory->name}}</option>
                        @endforeach
                       </select>
                    </div>
                    <div class="col-md-6 mb-30">
                        <label class="font-medium font-15 color-heading">{{__('Meet Link')}}</label>
                        <input type="text" name="meetlink" value="" class="form-control" placeholder="{{__('Meet Link')}}">

                    </div>

                </div>

            </div>

            <div class="col-12 d-flex justify-content-end">
                <button type="submit" class="theme-btn theme-button1 theme-button3 font-15 fw-bold">{{__('Save')}}</button>
            </div>
        </form>

    </div>
@endsection

@push('script')
    <script src="{{ asset('admin/js/standalone/selectize.min.js') }}" ></script>
    <link rel="stylesheet" href="{{ asset('admin/css/selectize.bootstrap3.min.css') }}" />
    <script>
        $(document).ready(function () {
            $('select').selectize({
                sortField: 'text'
            });
        })
    </script>
@endpush