@extends('admin.layouts.default')
@section('content')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
<style media="screen">
  .error-message{
    margin-top: 42px!important;
  }
</style>

<!--********************************** Content body start  ***********************************-->
<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
        </div>

        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{route($modelName.'.view')}}">All Roles</a></li>
                @if($id == 0)
                  <li class="breadcrumb-item">Add</li>
                @elseif($id > 0)
                <li class="breadcrumb-item">Edit</li>
                @endif
            </ol>
        </div>
    </div>

    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-xxl-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header">
                  @if($id == 0)
                    <h4 class="card-title">Add Role</h4>
                  @elseif($id > 0)
                  <h4 class="card-title">Edit Role</h4>
                  @endif
                </div>
                <div class="card-body">
                    <div class="basic-form">
                        {{ Form::open(['role' => 'form','id'=>'RoleAddForm','route'=>['Roles.add'],'files' => true]) }}
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Name</label>
                                    <input type="text" id="name" name="name" required class="form-control in_text" value="{{old('name', @$series->name ?? '')}}">
                                     <div class="error-message">
                                    {{$errors->first('name')}}
                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <label class="lbl_frm py-2">Short Name</label>
                                    <input type="text" id="short_name" name="short_name" required class="form-control in_text" value="{{old('short_name', @$series->short_name ??'')}}">
                                     <div class="error-message help-inline">
                                    {{$errors->first('short_name')}}
                                    </div>
                                </div>

                              <div class="form-group col-md-6" >
                                 <label class="lbl_frm py-2">Select Sports Type</label>
                                 <select class="form-control in_text" name="sport_type" id="sport_type" required>
                                     <option value="">Select Sport</option>
                                    @foreach($sportTypeData as $key => $value)
                                         <option value="{{$value->id}}">{{$value->sport_name}}</option>
                                     @endforeach
                                 </select>
                              </div>
                            </div>
                            <input type ="hidden" value="{{$id}}" name = 'pageId'>
                            <input type ="hidden" value="" name = 'old_image'>
                            <div class="py-2">
                              @if($id == 0)
                                <button type="submit" class="btn btn-primary mr-2">Submit</button>
                              @elseif($id > 0)
                              <button type="submit" class="btn btn-primary mr-2">Update</button>
                              @endif
                            <button class="btn btn-gray" type="button" id="cancel_btn">Cancel</button></div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).on("click","#cancel_btn", function(){
            let href = $(".breadcrumb-item.active a").attr("href");
            window.location = href;
        });
    });
</script>
<!--**********************************
    Content body end
***********************************-->
@endsection