@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6 row">
                    <h1 class="mr-4">Exercise Management</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                        <li class="breadcrumb-item active">Exercise Management</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body row">
                        <div class="col-md-6">
                            @if (isset($exercise))
                                {!! Form::open(['route' => 'exercise.update', 'role' => 'form', 'files' => true]) !!}
                            @else
                                {!! Form::open(['route' => 'exercise.store', 'role' => 'form', 'files' => true]) !!}
                            @endif
                            {!! Form::hidden('category', $category) !!}
                            {!! Form::hidden('subcategory', $subcategory) !!}
                            <div class="form-group col-md-6">
                                {!! Form::label('title', 'Title') !!}
                                @if (isset($exercise))
                                    {!! Form::text('title', $exercise, ['class' => 'form-control', 'required' => 'required',
                                    'readonly']) !!}
                                @else
                                    {!! Form::text('title', '', ['class' => 'form-control']) !!}
                                @endif
                            </div>
                            <div class="form-group col-md-6">
                                <div>
                                    {!! Form::label('', 'Has Superset?') !!}
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        @php $superset = !empty($exercise_data['Superset'])?$exercise_data['Superset']:''; @endphp
                                        @if (isset($exercise))
                                            {!! Form::radio('superset', true, $superset == true, ['id' =>
                                            'superset_yes']) !!}
                                        @else
                                            {!! Form::radio('superset', true, true, ['id' => 'superset_yes']) !!}
                                        @endif
                                        {!! Form::label('superset_yes', 'Yes') !!}
                                    </div>
                                    <div class="col-md-6">
                                        @if (isset($exercise))
                                            {!! Form::radio('superset', false, $superset == false, ['id' =>
                                            'superset_no']) !!}
                                        @else
                                            {!! Form::radio('superset', false, false, ['id' => 'superset_no']) !!}
                                        @endif
                                        {!! Form::label('superset_no', 'No') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                <div>
                                    {!! Form::label('', 'Has Dropset?') !!}
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        @php $dropset = !empty($exercise_data['Dropset'])?$exercise_data['Dropset']:''; @endphp
                                        @if (isset($exercise))
                                            {!! Form::radio('dropset', true, $dropset == true, ['id' =>
                                            'dropset_yes']) !!}    
                                        @else
                                            {!! Form::radio('dropset', true, true, ['id' => 'dropset_yes']) !!}
                                        @endif
                                        {!! Form::label('dropset_yes', 'Yes') !!}
                                    </div>
                                    <div class="col-md-6">
                                        @if (isset($exercise))
                                            {!! Form::radio('dropset', false, $dropset == false, ['id' =>
                                            'dropset_no']) !!}
                                        @else
                                            {!! Form::radio('dropset', false, false, ['id' => 'dropset_no']) !!}
                                        @endif
                                        {!! Form::label('dropset_no', 'No') !!} 
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-6">
                                {!! Form::label('image', 'Animation') !!}
                                <div class="input-group">
                                    <div class="custom-file">
                                        {!! Form::file('image', ['class' => 'custom-file-input', 'id' => 'image', 'accept'
                                        => 'image/*']) !!}
                                        <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group ml-2">
                                {!! Form::submit('Submit', ['class' => 'btn btn-primary']) !!}
                            </div>
                            {{ Form::close() }}
                        </div>
                        <div class="col-md-6">
                            @if(isset($exercise) && !empty($exercise_data['Animation']))
                                <img width="50%" class="mt-2 mb-5 edit-exercise-img" src='{{ $exercise_data['Animation'] }}' />
                            @else
                                <img width="50%" class="mt-2 mb-5 edit-exercise-img" src="" />
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        $('#image').on('change', function(e) {
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('.edit-exercise-img').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        })

    </script>
@endsection