@extends('backend.layouts.master')

@section('title')
Settings - {{ $page_title }}
@endsection
@section('navbar-content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0"> {{ $page_title }} </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="#">{{ $page_title }}</a>
                    </li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('admin-content')

<div class="row">
    <div class="col-md-12">
        <div class="card card-default">
            <div class="card-header">
                <h3 class="card-title">{{ $page_title }}</h3>
                <div class="card-tools">
                    <a class="btn btn-default" href="{{ $back_url }}"><i class="fa fa-list"></i>
                        {{ $page_heading }} </a>
                    <span id="buttons"></span>
                </div>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <form class="needs-validation" method="POST" action="{{$store_url}}" novalidate>
                    @csrf
                    <div class="form-row">
                        <div class="col-md-6 mb-3" id="selectcategory">
                            <label for="checkPermissionAll1">
                                Coin type
                            </label>
                            <select name="coin" class="form-control select2">
                                <option disabled selected>Selected</option>
                                @foreach($coins as $coin)
                                <option value="{{$coin->id}}">{{$coin->name}}</option>
                                @endforeach
                            </select>
                            @error('coin')
                            <span class="test-danger">{{$message}}</span>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3" id="selectcategory">
                            <label for="checkPermissionAll1">
                                Category
                            </label>
                            <select name="category" class="form-control select2" onchange="categoryId(this.value)">
                                <option disabled selected>Selected</option>
                                @foreach($categorys as $category)
                                <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                                @error('category')
                                <span class="test-danger">{{$message}}</span>
                                @enderror
                            </select>
                        </div>

                        <div class="col-md-6 mb-3" id="selectcategory">
                            <label for="checkPermissionAll">
                                Amount (coin)
                            </label>
                            <input type="number" name="amount" readonly class="form-control amountadd"
                                id="validationCustom01" placeholder="name" value="{{ old('name') }}">
                            @error('amount')
                            <span class="test-danger">{{$message}}</span>
                            @enderror
                        </div>

                    </div>

                    <button class="btn btn-info" type="submit"><i class="fa fa-save"></i> &nbsp;Save</button>
                </form>
            </div>
            <!-- /.card-body -->
            <div class="card-footer">
            </div>
        </div>
    </div>
    <!-- /.col-->
</div>

@endsection

@section('scripts')
<script>
    function categoryId(e) {
        $.ajax({
            url: "{{route('agent-purchase-request.datacategoryload')}}",
            method: 'post',
            data: {
                "_token": "{{csrf_token()}}",
                category: e
            },
            success: function (data) {
                $('.amountadd').val(data);
            }
        })
    }
</script>
@endsection