@extends('admin.layouts.master')


@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0"></h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active"> {{$submenu->name}} </li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<div class="container">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Add  {{$submenu->name}} </h3>

                        <a href="" class="btn btn-primary btn-sm float-sm-right">View Timeline</a>
                    </div>
                    <form action="{{route('admin.timeline.add')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Year</label>
                                {{-- <textarea name="content" id="brief" class="form-control"></textarea> --}}
                                <input type="text" class="form-control" id="year" name="year" placeholder="">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Month</label>
                                {{-- <textarea name="content" id="brief" class="form-control"></textarea> --}}
                                <input type="text" class="form-control" id="month" name="month" placeholder="">
                            </div>
                             <div class="form-group">
                                <label for="exampleInputEmail1">Title</label>
                                <input type="text" class="form-control" name="title" placeholder="">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Brief</label>
                                <textarea name="brief" id="brief" class="form-control"></textarea>
                                {{-- <input type="text" class="form-control" name="brief" placeholder=""> --}}
                            </div>

                            <div class="form-group">
                                <label for="exampleInputFile">Image</label>
                                <div class="input-group">
                                    <div class="custom-file">
                                        <input type="file" id="exampleInputFile" name="file">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label for="">Choose</label>
                                    </div>
                                    <div class="col-md-3">
                                        <input type="radio" id="type" name="type" value="1"> Upload File
                                    </div>

                                    <div class="col-md-3">
                                        <input type="radio" id="type" name="type" value="2"> Enter Url
                                    </div>
                                    <div class="col-md-3">
                                        <input type="radio" id="type" name="type" value="3"> Add Details
                                    </div>
                                </div>
                            </div>
                            <div class="form-group" id="file_div">
                                <div class="col-md-12">
                                    <label for="exampleInputPassword1">File</label>
                                    <input type="file" id="" name="pdf">
                                </div>
                            </div>
                            <div class="form-group" id="url_div">
                                <div class="col-md-12">
                                    <label for="exampleInputPassword1">Add URL</label>
                                    <input type="text" class="form-control" id="" name="url">
                                </div>
                            </div>

                            <div class="form-group" id="details_div">
                                <div class="col-md-12">
                                    <label for="exampleInputPassword1">Details</label>
                                    <textarea name="content" id="description" class="form-control"></textarea>
                                </div>
                            </div>
                            {{-- <div class="form-group">
                                <label for="exampleInputEmail1">Display in Home</label>
                                <input type="checkbox" style="margin-left:2rem;" name="display_in_home" value="1">
                            </div> --}}
                        </div>
                        <div class="card-footer">
                            <div class="text-center">
                                <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div>
    <hr>

    {{-- <div class="container-fluid">
        <div style="margin:1rem;">
            <h5 class="m-0">List</h5>
        </div>
        <div class="row">
            @forelse ($partners as $data )
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"> {{$data->title}}</h3>
                    </div>
                    <div class="card-body" style="height: 10rem;width: 20rem;">
                        <img src="{{$data->file}}" alt="Image" width="200rem">
                    </div>
                    <div class="card-footer">
                        @if ($data->status == 0)
                        <a href="{{route('admin.partners.publish',Crypt::encrypt($data->id))}}"
                            class="btn btn-success btn-sm">Publish</a>
                        @else
                        <a href="{{route('admin.partners.unpublish',Crypt::encrypt($data->id))}}"
                            class="btn btn-warning btn-sm">Unpublish</a>
                        @endif

                        <a href="{{route('admin.partners.delete',Crypt::encrypt($data->id))}}"
                            class="btn btn-danger btn-sm">Delete</a>
                    </div>
                </div>
                <!-- /.card -->
            </div>
            @empty
            <div class="col-md-3">
                <div class="card">

                    <div class="card-body">
                        No Partners Uploaded.
                    </div>
                </div>
                <!-- /.card -->
            </div>

            @endforelse
        </div>
    </div> --}}
</div>

@endsection

@section('js')
<script>
    $(document).ready(function() {
            $('#year').Zebra_DatePicker({
                format: 'Y',
            });
            $('#month').Zebra_DatePicker({
                format: 'M',
            });

            $("#file_div").hide();
            $("#url_div").hide();
            $("#details_div").hide();
            $('input[type="radio"]').click(function(){
                var inputValue = $(this).attr("value");
                // alert(inputValue);
                if (inputValue == 1) {
                    $("#file_div").show();
                    $("#url_div").hide();
                    $("#details_div").hide();
                }else if(inputValue == 2){
                    $("#file_div").hide();
                    $("#details_div").hide();
                    $("#url_div").show();
                }else{
                    $("#details_div").show();
                    $("#file_div").hide();
                    $("#url_div").hide();
                }
            });
        });
</script>
<script>
    CKEDITOR.replace('description', {
        filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            customConfig : "{{asset('ckeditor/config.js')}}",
            filebrowserUploadMethod: 'form',
            allowedContent:true,
            height: '300px',
            width: '100%',
            // removePlugins: 'sourcearea'
    })

    //brief

    CKEDITOR.replace('brief', {
        filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            customConfig : "{{asset('ckeditor/config.js')}}",
            filebrowserUploadMethod: 'form',
            allowedContent:true,
            height: '300px',
            width: '100%',
            // removePlugins: 'sourcearea'
    })


</script>
@endsection