@extends('layouts.admin-layout')
@section('title') Edit Signal @endsection

@section('content')
    <style>
        .active {
            background-color: #007BFF !important;
            color: white !important;
        }
    </style>

    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card card-box-shadow mt-4">
                            <div class="card-header">
                                <h3 class="card-title">Edit Signal</h3>
                                <a href="{{ route('admin.mdg_signals.index') }}">
                                    <button class="btn btn-primary custom_btn_sm_back custom_btn btn-sm float-right">
                                        <i class="fas fa-arrow-circle-left"></i> Back
                                    </button>
                                </a>
                            </div>

                            <div class="card-body">
                                <form action="{{ route('admin.mdg_signals.update', [
                                    'Instrument_Type' => $signal->Instrument_Type,
                                    'Signal_Name' => $signal->Signal_Name,
                                    'Signal_Type' => $signal->Signal_Type,
                                    'Signal_Timestamp' => $signal->Signal_Timestamp,
                                    'Instrument_Name' => $signal->Instrument_Name,
                                ]) }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('PUT')

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Instrument Name:</label>
                                                <input type="text" class="form-control form__field" name="Instrument_Name"
                                                       value="{{ $signal->Instrument_Name }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Instrument Type:</label>
                                                <input type="text" class="form-control form__field" name="Instrument_Type"
                                                       value="{{ $signal->Instrument_Type }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Signal Name:</label>
                                                <input type="text" class="form-control form__field" name="Signal_Name"
                                                       value="{{ $signal->Signal_Name }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Signal Type:</label>
                                                <input type="text" class="form-control form__field" name="Signal_Type"
                                                       value="{{ $signal->Signal_Type }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Signal Timestamp:</label>
                                                <input type="datetime-local" class="form-control form__field" name="Signal_Timestamp"
                                                       value="{{ \Carbon\Carbon::parse($signal->Signal_Timestamp)->format('Y-m-d\TH:i') }}" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Trade Level:</label>
                                                <input type="text" class="form-control form__field" name="Trade_Level"
                                                       value="{{ $signal->Trade_Level }}">
                                                @error('Trade_Level')<small class="text-danger">{{ $message }}</small>@enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Profit Level A:</label>
                                                <input type="text" class="form-control form__field" name="Profit_Level_A"
                                                       value="{{ $signal->Profit_Level_A }}">
                                                @error('Profit_Level_A')<small class="text-danger">{{ $message }}</small>@enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Profit Level B:</label>
                                                <input type="text" class="form-control form__field" name="Profit_Level_B"
                                                       value="{{ $signal->Profit_Level_B }}">
                                                @error('Profit_Level_B')<small class="text-danger">{{ $message }}</small>@enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6 mt-4">
                                            <label>Instructions</label>
                                            <textarea name="Instructions" rows="4" class="form-control" id="summernote1">{{ $signal->Instructions }}</textarea>
                                            @error('Instructions')<small class="text-danger">{{ $message }}</small>@enderror
                                        </div>

                                        <div class="col-md-6 mt-4">
                                            <label>Comments</label>
                                            <textarea name="Comments" rows="4" class="form-control" id="summernote2">{{ $signal->Comments }}</textarea>
                                            @error('Comments')<small class="text-danger">{{ $message }}</small>@enderror
                                        </div>
                                    </div>

                                    <div class="text-center mt-3 mb-2">
                                        <button class="btn btn-primary custom_btn">
                                            <i class="fas fa-save"></i> Update
                                        </button>
                                    </div>
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@section('script')
    <script>
        $('#summernote1').summernote({
            placeholder: 'Enter Instructions',
            tabsize: 2,
            height: 100
        });
        $('#summernote2').summernote({
            placeholder: 'Enter Comments',
            tabsize: 2,
            height: 100
        });
    </script>
@endsection