@extends('elibrary.staff.layouts.app')
@section('content')
    <!-- <div class="row mt-3"> -->
    <div class="col-md-12">
        <div class="heading">
            <h2>Add Document</h2>
        </div>
    </div>
    <div class="col-md-10 offset-md-1">
        <div class="form-part">
            <form action="{{isset($document)?route('document.update', $document):route('document.store')}}" method="POST" enctype="multipart/form-data">
                @csrf
                @if(isset($document))
                    @method('PATCH')
                @endif

                <div class="form-group">
                    <label for="type">Type<span>*</span> </label>
                    <select class="form-control" aria-label="Default select example" id="type" name="type">
                        <option selected>Select Type</option>
                        @foreach(DOCUMENT_FORMAT as $format)
                            <option value="{{ $format }}" {{ isset($document) && $document->type== $format ? 'selected' : ''}}>{{$format}}</option>
                        @endforeach
                    </select>
                    @error('type')
                    <div class="text text-danger">
                        {{$message}}
                    </div>
                    @enderror
                </div>
                <div class="form-group files" id="fileSection" style="display: none;">
                    <label for="doc">Upload Your File <span>*</span></label>
                    <input id="file" type="file" name="doc" class="form-control" />
                    @error('doc')
                    <div class="text text-danger">
                        **{{ $message }}
                    </div>
                    @enderror
                </div>
                <div class="form-group" id="url" style="display: none;">
                    <label for="url">Video / Audio Url <span>*</span></label>
                    <input type="text" class="form-control" name="url" value="{{old('url')?old('url'):(isset($document)?$document->url:'')}}" placeholder="Video / Audio Url">
                    @error('url')
                    <div class="text text-danger">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="title">Title <span>*</span></label>
                    <input type="text" class="form-control" id="title" name="title" value="{{old('title')?old('title'):(isset($document)?$document->title:'')}}" placeholder="Title">
                    @error('title')
                    <div class="text text-danger">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
                <div class="form-group">
                    <div class="form-check form-switch">
                        <input type="hidden" name="status" value="0">
                        <input class="form-check-input" type="checkbox" name="status" id="flexSwitchCheckChecked" value="1"
                                {{ (isset($document) && $document->status == 1) || old('status') ? 'checked' : ''}}>
                        <label class="form-check-label" for="flexSwitchCheckChecked">Status</label>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">{{isset($document) ? 'Update' : 'Save'}}</button>
            </form>
        </div>
    </div>
    <!-- </div> -->
@endsection
@section('js')
    <script>
        $(document).ready(function(){

            var type = $('#type').val();
            if(type == 'Video' || type == 'Audio'){
                $('#url').show();
                $('#fileSection').hide();
            }else{
                $('#url').hide();
                $('#fileSection').show();

            }
            $(".files").attr('data-before',"Drag file here or click the above button");
            $('input[type="file"]').change(function(e){
                var fileName = e.target.files[0].name;
                $(".files").attr('data-before',fileName);
            });
        });

        $('#type').on('change',function(){
            if(this.value == 'Video' || this.value == 'Audio'){
                $('#url').show();
                $('#fileSection').hide();
            }else{
                $('#url').hide();
                $('#fileSection').show();

            }
        });
    </script>
@endsection