@extends('admin.layouts.default')
@section('styles')
  <link rel="stylesheet" href="{{('admin/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{('admin/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{('admin/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
@endsection
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Match Manager</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Match Manager</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
@section('content')
<div class="container-fluid">
    <div class="row page-titles mx-0" data-aos="fade-up">
        <div class="col-sm-6 p-md-0">
            <!-- <div class="welcome-text">
                <h4>All Matches</h4>
            </div> -->
       
        </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="">All Matches</a></li>
                <li class="breadcrumb-item">Match Info</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
                    <div class="card" data-aos="fade-up">
                        <div class="card-header">
                          <h4>Match Info</h4>
                           <a href="" class="btn btn-primary btn-sm">Import data from API </a>
                        </div>


<div class="right_col" role="main" style="">
	<div class="clearfix"></div>
		<div class="row">
		  <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <!-- <div class="x_title">
                    <h2>Match Info</h2>
                    <div class="m-l-auto">
		                 <a class="pull-right btnsss" href="">View all mapped matches</a>
		            </div>
                    <div class="clearfix"></div>
                  </div> -->
                  <div class="card-body x_content">
                    <br>
					<div class="row">
						<div class="col-md-6 col-sm-6">
							<p><strong>Match Name :- </strong> () </p>
							<p><strong>Team1 Display Name :- </strong> () </p>
							<p><strong>Team2 Display Name :- </strong> ()</p>
							<p><strong>Date and time :- </strong>01 January, 1970 12:00 am </p>
							<p><strong>Format :- </strong> Match</p>
						</div>
												<div class="col-md-6 col-sm-6 text-center">
							<p> To launch this match click here </p>
							<a href="{{route('launchMatchNow',['id'=>base64_encode($findmatchdetails->id),'sport_type'=>1])}}" class="btn btn-info"> launch match </a>
						</div>
											</div>
					<div class="row">
						<div class="col-md-6 col-sm-6 text-center">
							<div class="col-md-12 col-sm-12" style="border:1px solid #ddd;padding:15px;">
								<h5><strong>  </strong></h5>
																		<img src="" style="width:200px;">
										<br>
										<br>
										<a class="logobtn btn btn-rg" data-toggle="modal" data-target="#team1modallogo"> Add Logo </a>
																		<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" id="team1modallogo">
										<div class="modal-dialog modal-sm">
										  <div class="modal-content">
											<div class="modal-header">
    											<!-- <p class="col-md-1">&nbsp;</p> -->
    											<h4 class="modal-title col-md-10 m-auto" id="myModalLabel2">Update logo of team <br></h4>
    											<!-- <button type="button" class="close col-md-1 mx-0 px-0" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle-o py-3"></i></button> -->
											</div>
											<div class="modal-body pt-4 px-0 pb-0">
											  <form action="" method="post" enctype="multipart/form-data">
											  {{csrf_field()}}
												<div class="form-group overflow-hidden py-3">
													<input type="file" name="image" class="btn btn-rg w-75">
												</div>
												<div class="modal-footer" style="justify-content: center;">
												<button type="submit" class="btn btn-primary mr-2">Update Logo</button>
												<button type="button" class="btn btn-rg" data-dismiss="modal">Close</button></div>
											  </form>
											</div>
											<!-- <div class="modal-footer">
											  <button type="button" class="btn btn-rg" data-dismiss="modal">Close</button>
											</div> -->

										  </div>
										</div>
									  </div>
							</div>
						</div>
						<div class="col-md-6 col-sm-6 text-center">
							<div class="col-md-12 col-sm-12" style="border:1px solid #ddd;padding:15px;">
								<h5><strong>  </strong></h5>
																	<img src="" style="width:200px;">
										<br>
										<br>
										<a class="logobtn btn btn-rg" data-toggle="modal" data-target="#team2modallogo"> Add Logo </a>
																		<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" id="team2modallogo">
										<div class="modal-dialog modal-sm">
										  <div class="modal-content">
											<div class="modal-header">
    											<!-- <p class="col-md-1">&nbsp;</p> -->
    											<h4 class="modal-title col-md-10 m-auto" id="myModalLabel2">Update logo of team <br></h4>
    											<!-- <button type="button" class="close col-md-1 mx-0 px-0" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle-o py-3"></i></button> -->
											</div>
											<div class="modal-body pt-4 px-0 pb-0">
											  <form action="" method="post" enctype="multipart/form-data">
											  {{csrf_field()}}
												<div class="form-group overflow-hidden py-3">
													<input type="file" name="image" class="btn btn-rg w-75">
												</div>
												<div class="modal-footer" style="justify-content: center;">
												<button type="submit" class="btn btn-primary mr-2">Update Logo</button>
												<button type="button" class="btn btn-rg" data-dismiss="modal">Close</button></div>
											  </form>
											</div>
											<!-- <div class="modal-footer">
											  <button type="button" class="btn btn-rg" data-dismiss="modal">Close</button>
											</div> -->

										  </div>
										</div>
									  </div>
							
							</div>
						</div>
					</div>

          <!--