@extends('oxygen::layouts.master-dashboard')

@section('content')
    <div class="page-title">
        <h1>{{ $pageTitle }}</h1>
    </div>
    <form method="post" class="form-horizontal" enctype="multipart/form-data">
        {{ csrf_field() }}
        <div class="form-group row">
            <label for="name" class="col-sm-4 control-label">Title</label>
            <div class="col-sm-8">

                <input class="form-control" name="title" type="text" id="title">
            </div>

        </div>
        <div class="form-group row">
            <label for="name" class="col-sm-4 control-label">Descriptions</label>
            <div class="col-sm-8">
                <textarea rows="10" class="form-control" name="descriptions" type="textarea" id="descriptions">
             
            </textarea>
            </div>

        </div>

        </div>
        <div class="form-group row">
            <label for="userType" class="col-sm-4 control-label">User Type</label>
            <div class="col-sm-8">
                <select class="form-control" name="userType" id="userType">
                    <option value="1">Musician</option>
                    <option value="2">Hirer</option>
                </select>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-8 offset-sm-4">
                <a href="{{ env('APP_URL') }}/manage/resource" class="btn btn-secondary pull-right">Cancel</a>
                <button type="submit" class="btn btn-success text-right">Save</button>

                <!-- <form action="{{ env('APP_URL') }}/hirer/delete/{{ $user->id }}"  class="form form-inline js-confirm-delete">
                                {{ csrf_field() }}
                                {{ method_field('GET') }}
                               <button type="submit" class="btn btn-danger js-tooltip" title=""
                                  data-original-title="Delete"> Delete </button>
                               </form> -->
            </div>
        </div>

    </form>
@stop

<script>
    function preview() {
        frame.src = URL.createObjectURL(event.target.files[0]);
    }

    function clearImage() {
        document.getElementById('formFile').value = null;
        frame.src = "";

        $('#frame').attr('src', 'storage/default.jpg');
        $('.print-error-msg').attr('style', 'display:none;');


    }
</script>