@extends('layouts.Master')

@section('page')
 <!-- Header Layout Content -->
 <div class="mdk-header-layout__content mdk-header-layout__content--fullbleed mdk-header-layout__content--scrollable page" style="padding-top: 60px;">


    <div class="page__heading border-bottom">
        <div class="container-fluid page__container">
            <h2>{{$page_title}}</h2>
            
        </div>
        <div class="card card-form">
            <form method="post" enctype="multipart/form-data" action="{{route('teachers.store')}}">
           
                @csrf
             <div class="row p-4">
                 <div class="col-md-6 mt-4">
                     <label for="course_language">Language</label>
                    
                     <select class="form-control" name="course_language">
                        @foreach($language_option as $key=>$value)
                        <option value="{{$key}}">{{$value}}</option>
                        @endforeach
                    </select>
                 </div>
                 <div class="col-md-6 mt-4">
                    <label for="name">Name</label>
                    <input type="text" name="name" class="form-control" id="name">
                </div>
                <div class="col-md-6 mt-4">
                    <label for="designation">Designation</label>
                    <input type="text" name="designation" class="form-control" id="designation">
                </div>
                
                 <div class="col-md-6 mt-4">
                     <label for="description">Description</label>
                     <textarea class="form-control" id="description" name="description"></textarea>
                     
                 </div>
                 <div class="col-md-6 mt-4">
                    <label for="social_link_1">Social Media 1</label>
                    <input type="text" name="social_link_1" class="form-control" id="social_link_1" >
                </div>
                <div class="col-md-6 mt-4">
                    <label for="social_link_2">Social Media 2</label>
                    <input type="text" name="social_link_2" class="form-control" id="social_link_2" >
                </div>
                <div class="col-md-6 mt-4">
                    <label for="social_link_3">Social Media 3</label>
                    <input type="text" name="social_link_3" class="form-control" id="social_link_3" >
                </div>
                <div class="col-md-6 mt-4">
                    <label for="status">Status</label>
                       <select name="status" id="status" class="form-control">
                        <option " value="1">Publish</option>
                        <option  value="0">Draft</option>
                    </select>
                </div>
                 <div class="col-md-6 mt-4">
                    <label for="image">Image<span class="text-danger">(Must Be 800 X 800 px)</span></label>
                        <input class="form-control" type="file"  name="image" placeholder="Categories Logo" id="image">
                </div>

             </div>
             <div class="p-4">
                 <button type="submit" class="btn btn-primary">Submit</button>
             </div>
             </form>
         </div>
    </div>

    {{-- <div class="container-fluid page__container">
       

    </div> --}}


</div>
<!-- // END header-layout__content -->
@endsection

@push('script')
<!-- Include your JavaScript code here -->
@endpush