@extends('layouts.dashboard')
@section('pagehead', 'Edit Details')
@section('bredcrumb-item-link',url('/home/billing-master/basic-details'))
@section('bredcrumb-item','All Details')

@section('content')
<section class="section dashboard">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    @include('layouts.notification')
                </div>
                <p id="address"></p>
                <div class="card-body">
                    <form enctype="multipart/form-data"  action="{{ url('/home/billing-master/basic-details/' . encrypt($data->id) . '/update/master') }}" method="POST">
                        @method('PUT')
                        @csrf
                        <div class="row">
                            <div class="form-group col-md-12">
                                <label class="mb-2 mt-2">Categories</label>
                                <select name="category" id="category" class="form-control">
                                    @foreach($categories as $key => $category)
                                        <option {{trim(strtolower($category)) == trim(strtolower($data->category)) ? 'selected' : ''}} value="{{trim(strtolower($category))}}">{{ strtoupper($category) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-12 content_div">
                                <label class="mb-2 mt-2">Content</label>
                                <textarea name="content" class="form-control" cols="30" rows="10">{{ $data->content }}</textarea>
                            </div>
                            <div class="form-group col-md-12 image_div">
                                <label class="mb-2 mt-2">Image</label>
                                <input type="file" name="logo_image" class="form-control">
                            </div>
                        </div>
                        <div class="form-group mt-3">
                            <input type="submit" value="Update Details" class="btn btn-primary btn-xs">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('scripts')
<script type="text/javascript">
    $(function() {
        var categ = $('#category').val();
        if(categ == 'logo' || categ == 'signature' || categ == 'stamping'){
            $(".content_div").hide();
            $(".image_div").show();
        }else{
            $(".content_div").show();
            $(".image_div").hide();
        }
        $('#category').change(function() {
            //Use $option (with the "$") to see that the variable is a jQuery object
            var $option = $(this).find('option:selected');
            //Added with the EDIT
            var value = $option.val();//to get content of "value" attrib
            var text = $option.text();//to get <option>Text</option> content
            if(value == 'logo' || value == 'stamping' || value == 'signature'){
                $(".image_div").show();
                $(".content_div").hide();
            }else{
                $(".image_div").hide();
                $(".content_div").show();
            }
        });
    });
</script>
@endsection