@extends('layouts.app')
@section('content')
@include('layouts.partials.header')
@include('layouts.partials.sidebar')

<div class="page_title">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-6">
                <div class="page_title-content">
                    <p class="mb-0">
                        <a href="{{route('trades.index')}}">Trades </a>
                        <span>/</span>
                        <span>Edit Trade</span>
                    </p>
                </div>
            </div>
            
        </div>
    </div>
</div>

<div class="content-body">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Edit Trade</h4>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{route('nba-trades.update', $trade->id)}}" name="myform" class="personal_validate" novalidate="novalidate" enctype="multipart/form-data">
                            @csrf
                            @method("PATCH")
                            <div class="form-row">

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Date</label>
                                    <input type="text" class="form-control" placeholder="Select date" id="datepicker" value="{{$trade->trade_date}}" autocomplete="off" readonly required name="trade_date">
                                    @error('trade_date')
                                    <label id="trade_date-error" class="error" for="trade_date">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Event</label>
                                    <select class="form-control" required id="event" name="event_id">
                                        <option value="">--choose event--</option>
                                        @foreach ($events as $id => $event)
                                            <option value="{{$id}}" {{$trade->event_id==$id?'selected':''}}>{{$event}}</option>
                                        @endforeach
                                    </select>
                                    @error('event_id')
                                    <label id="event_id-error" class="error" for="event_id">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Team One</label>
                                    <select class="form-control" id="team_one" required name="team_one_id">
                                        @php
                                            $teams = Illuminate\Support\Facades\DB::table('teams')->where('event_id',$trade->event_id)->get();
                                        @endphp
                                        <option value="">--choose team--</option>
                                        @foreach($teams as $team)
                                            <option value="{{$team->id}}" {{$trade->team_one_id==$team->id ? 'selected' : ''}}>
                                                {{$team->team_name}}
                                            </option>
                                        @endforeach
                                       
                                    </select>
                                    
                                    @error('team_one_id')
                                    <label id="team_one_id-error" class="error" for="team_one_id">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Team One Score</label>
                                    <input type="number" class="form-control" required placeholder="Enter Score" value="{{$trade->team_one_score}}" name="team_one_score">
                                    @error('team_one_score')
                                    <label id="team_one_score-error" class="error" for="team_one_score">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Team Two</label>
                                    <select class="form-control" id="team_two" required name="team_two_id">
                                       
                                    <option value="">--choose team--</option>
                                    @foreach($teams as $team)
                                        <option value="{{$team->id}}" {{$trade->team_two_id==$team->id ? 'selected' : ''}}>
                                            {{$team->team_name}}
                                        </option>
                                    @endforeach
                                       
                                    </select>
                                    @error('team_two_id')
                                    <label id="team_two_id-error" class="error" for="team_two_id">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Team Two Score</label>
                                    <input type="number" class="form-control" required placeholder="Enter Score" value="{{$trade->team_two_score}}" name="team_two_score">
                                    @error('team_two_score')
                                    <label id="team_two_score-error" class="error" for="team_two_score">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Result</label>
                                    <select class="form-control" required name="result">
                                        <option value="">--choose result--</option>
                                        <option value="win" {{$trade->result=='win'?'selected':''}}>Win</option>
                                        <option value="lose" {{$trade->result=='lose'?'selected':''}}>Lose</option>
                                    </select>
                                    @error('result')
                                    <label id="result-error" class="error" for="result">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Reward %</label>
                                    <input type="text" class="form-control" required value="{{$trade->reward}}" placeholder="Enter Reward %" name="reward">
                                    @error('reward')
                                    <label id="reward-error" class="error" for="reward">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Client</label>
                                    <select class="form-control" required name="user_id">
                                        <option value="">--choose client--</option>
                                        @foreach ($clients as $client)
                                            <option value="{{$client->id}}" {{$trade->user_id==$client->id?'selected':''}}>{{$client->first_name.' '.$client->last_name}}</option>                                            
                                        @endforeach
                                    </select>
                                    @error('event_id')
                                    <label id="event_id-error" class="error" for="event_id">{{ $message }}</label>
                                    @enderror
                                </div>

                                <div class="form-group col-xl-6">
                                    <label class="mr-sm-2">Trade <span class="text-muted" style="font-size:12px; font-weight:400">(Optional)</span></label>
                                    <input type="text" class="form-control" placeholder="Enter Trade" value="{{$trade->notes}}" name="notes">
                                    @error('notes')
                                    <label id="notes-error" class="error" for="notes">{{ $message }}</label>
                                    @enderror
                                </div>

                                <input type="hidden" name="running_total" value="2">
                              
                              
                                <div class="form-group text-right col-12">
                                    <button class="btn btn-primary pl-5 pr-5">Save Trade</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
   
    

    $('#event').change(function() {
        var eventID = $(this).val();
        if (eventID) {
            $.ajax({
                url: "{{url('get-team')}}?event_id=" + eventID,
                type: "Get",
                success: function(res) {
                    if (res) {
                        $("#team_one").empty();
                        $("#team_one").append('<option value="">--choose team--</option>');
                        $("#team_two").empty();
                        $("#team_two").append('<option value="">--choose team--</option>');
                        $.each(res, function(key, value) {
                            $("#team_one").append('<option value="' + value + '">' + key + '</option>');
                            $("#team_two").append('<option value="' + value + '">' + key + '</option>');
                        });

                    } else {
                        $("#team_one").empty();
                        $("#team_one").append('<option value="">--choose event first--</option>');
                        $("#team_two").empty();
                        $("#team_two").append('<option value="">--choose event first--</option>');
                    }
                }
            });
        } else {
            $("#team_one").empty();
            $("#team_one").append('<option value="">--choose event first--</option>');
            $("#team_two").empty();
            $("#team_two").append('<option value="">--choose event first--</option>');
        }
    });
</script>
<script>
    $( function() {
      $( "#datepicker" ).datepicker();
      
    } );
    </script>

<script src="{{asset('vendor/validator/jquery.validate.js')}}"></script>
<script src="{{asset('vendor/validator/validator-init.js')}}"></script>
@endsection