@extends('layouts.app')

@section('content')
    <!-- <link rel="stylesheet" href="{{ asset('/css/parsley.css') }}"> -->
	<div class="row">
	    <div class="col-lg-12 margin-tb">
	        <div class="pull-left">
	            <h2>Update Target App</h2>
	        </div>
	        <div class="pull-right">
	            <a class="btn btn-primary btn-sm" href="{{ route('target.index') }}"> Back</a>
	        </div>
	    </div>
	</div>

	<form id="createChannelID" class="form-horizontal addBorderClass" role="form" method="POST" action="{{ route('target.update') }}" enctype='multipart/form-data' >
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="id" value="{{ $data->id }}">

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="col-md-2">Name:</label>
                        <input type="text" class="col-md-4" name="name" value="{{ $data->name }}">
                        <!-- <select name="parent_category" class="col-md-4">
                            <option vlaue="">Select Target App</option>
                            @foreach ($targetApp as $val)
                                <option vlaue="{{ $val->id }}" {{ ($val->id == $data->id) ? 'selected' : '' }}>{{ $val->name }}</option>
                            @endforeach
                        </select> -->
                        <div class="col-md-3"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2">Image Name:</label>
                        <input type="text" class="col-md-4" name="image" value="{{ $data->image }}">
                        <div class="col-md-3"></div>
                    </div>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12 add-sub-category ">
                    <div class="form-group">
                            <label class="col-md-2">Sub Category:</label>
                            <input type="text" class="col-md-4" name="subCat[]" />
                            <input type="file" class="col-md-3" name="subCatImage[]" />
                            
                            <div class="col-md-2">
                                <a class="btn btn-primary addCategory">Add</a>
                            </div>
                    </div>                    
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 text-left">
                    <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                </div>
            </div>
	</form>
    
<script type="text/javascript">
    $(".addCategory").click(function() {
        $(".add-sub-category").append('<div class="col-xs-12 col-sm-12 col-md-12"><div class="form-group"><label class="col-md-2">&nbsp;</label><input type="text" class="col-md-4" name="subCat[]" /><input type="file" class="col-md-3" name="subCatImage[]" /><div class="col-md-2"></div></div></div>')
    });
</script>
@endsection