@extends('layouts.app')

@section('title')
    Addmission Letter
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">Template Admission Letter</div>
                    </div>
                    {{-- <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="index.html">Home</a>&nbsp;<i
                                class="fa fa-angle-right"></i>
                        </li>
                        <li><a class="parent-item" href="">Forms</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Form Editable</li>
                    </ol> --}}
                </div>
            </div>
            <div class="row">
                @if ($message = Session::get('success'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <div class="col-md-8 col-sm-12">
                    <form action="{{ route('add-template-letter') }}" enctype="multipart/form-data" method="POST">
                        @csrf
                        <input type="hidden" name="c_id"
                            @if ($letter) value="{{ $letter->id }}" @else value="0" @endif>
                        <div class="form-group row">
                            <label class="control-label col-md-2">Letter Name
                                <span class="required"> * </span>
                            </label>
                            <div class="col-md-4">
                                <div class="input-icon right">
                                    <i class="fa"></i>
                                    <input type="text" class="form-control"
                                        @if ($letter) value="{{ $letter->letter_name }}" @endif
                                        name="letter_name" />
                                </div>
                            </div>
                        </div>
                        <textarea name="letter" id="formsummernote" cols="30" rows="10">
                            @if ($letter)
                                {{ $letter->letter }}
                            @else
                            Please create a template letter
                            @endif</textarea>
                        <div class="form-group">
                            <div class="offset-md-3 col-md-9">
                                <button type="submit" class="btn btn-info m-r-20">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                {{-- <div class="col-md-4 col-sm-12">
                    <div class="form-group">
                        <label>Select Multiple</label>
                        <select multiple class="form-control" id="selector" style="height: 21rem !important">
                            @foreach (['{Address}', '{Date}', '{Name}', '{Academic Year}', '{Program}', '{Faculty}', '{Institution}'] as $item)
                                <option value="{{ $item }}">{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                </div> --}}
            </div>
        </div>
    </div>
@endsection
@section('javascript')
    <script>
        $('#selector').click(function(e) {
            console.log('yes reaching');
            var text = $('#selector').val();
            console.log(text[0]);
            $('#ds').append(text[0]);
            e.preventDefault();

        });
    </script>
@endsection